Two navbar-inner on the same page how to change the padding of each?


Tags: css,css3,twitter-bootstrap

Problem :

I have added two bootstrap inner navbar's on the same page. I have created custom css to target my bars. I can change the header navbar's horizontal padding, but when I try to do same for the footer navbar, I am not able to change it. How to change horizontal padding of both navbars on the same page.

Here is my code:

Header Navbar Image of the code



Solution :

if you prefix your css statements for the footer with footer, like so:

footer .navbar-inner span {
    padding-left: 20px;
} 

that should differentiate between your header and your footer.


    CSS Howto..

    How to center-align an HTML child table within a parent table via CSS

    How to place html css php in javascript (Jquery)

    CSS! Horizontal resizable menu ul li, how to spread it on full width of the display?

    CSS: how to vertically and horizontally align an image?

    How prevent Conflict between two $(this) in jquery?

    How to make a div fill the entire page height using css? [closed]

    How can i make infinite flowing background with only CSS?

    How does one move html elements with scroll?

    How to make LESS combine CSS rules with a comma

    CSS: How to have to divs side by side with height 100%?

    How can I apply a CSS class to an element with a given id, without modifying the element?

    How to justify short text inside fill fixed width parent with CSS?

    How can I improve this markup and CSS to keep things simple and easy to work with?

    How to include css file in a JavaFx Spring application

    Overlapping image in photoshop splice, how to float with CSS

    How can I make a textfield highlight in red only after its input is proven as incorrect?

    Joomla 3 How to Style PHP Date Format

    How is CSS applied by the browser, and are repaints affected by it?

    show hover by default using CSS

    How this switch button work by CSS?

    How to make a frame around CSS component from a picture source

    how do you center and left align columns, at the same time, in bootstrap or regular html5?

    How do I create a pattern overlay in CSS

    Can't show Combobox in table

    How to make div disappear when image is placed over it?

    How to make a div fade on hover?

    How to add multiple CSS classes to an single array

    I've tried using vertical-align and color in static_nav div but it didn't work. Is this because its inside of the header? how would I fix this?

    How to cancel CSS effect in Responsive Website Footer menu?

    How to fix maximum width of a div? If contents of that div's exceeds than maximum width, we get scroller?