navbar

I'm implementing a bootstrap navbar as show in this example here Items in a navbar are <li>'s , the "selected" item has the attribute class="active" : <li class="active"> <a href="#"> Link1 </a> </li> <li> <a href="#"> Link2 </a> </li> In Django these items will be within a template, which gets included by any templates that are supposed to display the navbar. I'm thinking about doing it this way: <li> <a href="/" class="{% if template_name == "home.djhtml" %}active{% endif %}"> Home </a> </li> <li> <a href="about/" class="{% if template_name == "about.djhtml" %}active{% endif %}"> About </a>

I've run into an issue with the navbar in Bootstrap 3. One of my menu items is a dropdown, which works fine on my laptop, but doesn't work on my android phone. Specifically nothing happens when pressing on the dropdown menu item on my phone. I've searched google, this site, and several others for a solution, but have yet to find one. There seems to be a few solutions/workarounds for Bootstrap 2, but none of them seem to work for me. I know there are some differences between version 2 and 3, which may be why none of the solutions I tried worked. Any suggestions or references I can look at would

Having a slight problem with the positioning of my navbar. I have my navbar the way I would like (detached from the top slightly like in this example: http://getbootstrap.com/examples/carousel/ ) but the pictures in my carousel end below the navbar. I would like for the pictures in my carousel to extend all the way to the top of the page and have the navbar overlapping the upper portion of the carousel (like in the example above). I've played around with the padding but the highest I can get the carousel images to extend to are the bottom of the navbar. I've attached the code snippets for the

I have a question about navbar-fixed-top. Well, I have a simple problem with it. My fixed navbar covers content, for example in "About us" page, it covers row with "About us" title. I have no idea how can I fix it, because when I resize website (mobile devices size) the header is visible. Of course I have this kind of problem with headers in other pages (Full Width and 404). Also, in Index page, it covers some of carousel slider. Information: website: http://testerix.site90.com/index.html bootstrap 2.3.2 Let me know, how can I fix it on all resolutions. Pablote the response is in the page:

I'm using Bootstrap 3.0 to show a navbar with some links and a search field. When i go to "mobile version" i have a button that collapses the navbar and show all the content: the links and the search field. Now I need two buttons, one to collapse only the links of the navbar and the other button to collapse only the search field. How can i make this? Separate the links and the search form into two navbar-collapse elements and have each button target the corresponding one: Sample markup: <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <button type="button"