Vertically aligning elements in the Twiter Bootstrap Navbar
-
I'm losing my mind here, my background is largely writing Windows Services/Console Applications etc, but recently I have got into Web development, and am currently working on a project using Twitter Bootstrap. I'm trying to make the Navbar bigger (height-wise) and vertically center the elements, and nothing is working! No matter what I change, the Navbar looks exactly the freaking same. My starting point is the carousel template here and haven't changed much yet appearance wise (mainly colours). What would I have to change on that template to achieve this effect, I can post code if asked to. Cheers
-
I'm losing my mind here, my background is largely writing Windows Services/Console Applications etc, but recently I have got into Web development, and am currently working on a project using Twitter Bootstrap. I'm trying to make the Navbar bigger (height-wise) and vertically center the elements, and nothing is working! No matter what I change, the Navbar looks exactly the freaking same. My starting point is the carousel template here and haven't changed much yet appearance wise (mainly colours). What would I have to change on that template to achieve this effect, I can post code if asked to. Cheers
When I started using bootstrap I found it difficult to manipulate also. I hear your frustration! What I did was start using firebug with firefox as an aid so I could click on the page and see what element I was dealing with then try and find that element in the css file, see what the settings were and change them to see what happened: to see if it was getting me where I wanted to go. I am sure chrome or other browsers must have something similar so you can view what the existing css is and try stuff. Search the bootstrap css file for .navbar and you will see a min-height setting. Try changing that and see what happens. Find the navbar container and change the padding-left...investigate and try things.
vbmike