twitter bootstrap navbar fixed top overlapping site

Posted by Matthew Berman on Stack Overflow See other posts from Stack Overflow or by Matthew Berman
Published on 2012-06-20T17:17:19Z Indexed on 2012/10/14 21:37 UTC
Read the original article Hit count: 230

Filed under:

twitter-bootstrap

|

haml

I am using bootstrap on my site and am having issues with the navbar fixed top. When I am just using the regular navbar, everything is fine. However, when i try to switch it to navbar fixed top, all the other content on the site shifts up like the navbar isn't there and the navbar overlaps it. here's basically how i laid it out:

.navbar.navbar-fixed-top
  .navbar-inner
    .container
.container
  .row
    //yield content

i tried to copy bootstraps examples exactly but still having this issue only when using navbar fixed top. what am I doing wrong?

© Stack Overflow or respective owner

Related posts about twitter-bootstrap

twitter bootstrap typeahead 2.0.4 ajax error

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the following code which definitely returns a proper data result if I use the 2.0.0 version, but for some reason bootstrap's typeahead plugin is giving me an error. I pasted it below the code sample: <input id="test" type="text" /> $('#test').typeahead({ source: function(typeahead… >>> More
Get twitter bootstrap btn-group to operate like grouped navigation bar with drop down menus

as seen on Stack Overflow - Search for 'Stack Overflow'
I have been trying to get Twitter Bootstrap btn-group with dropdown to work for multiple buttons that have a drop down menu. Example: <div class="btn-group"> <a href="#" class="btn">1</a> <a href="#" class="btn">2</a> <a href="#" class="btn">3</a> … >>> More
twitter bootstrap collapsable nav menu

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using twitter bootstrap on my web app to do all of the styling and everything is great for the most part. The problem is that my nav bar, once collapsed, will not drop down when I click the dropdown icon. I have listed my HTML but I think the problem is with my javascript seeing as this fiddle… >>> More
implementing twitter bootstrap carousel

as seen on Stack Overflow - Search for 'Stack Overflow'
I am having trouble implementing the bootstrap carousel. Can anyone look at the following html and js and give me instructions on how to implement the slide. The .js has not been edited and the carousel is installed on the body hero unit. Do I implement the carousel api? How do I define the carousel… >>> More
Marketplace to buy Templates for Twitter Bootstrap framework?

as seen on Pro Webmasters - Search for 'Pro Webmasters'
Are there any sites where I could buy a site template designed in Twitter Bootstrap (so that it's easy to modify)? I'm working on a site redesign and I think finding a template that looks close enough and modifying it is an economical way to go. (We're pretty niche so I don't need us to have a super… >>> More

Related posts about haml

Wierd Haml 3 error with ruby 1.9.1 and rails 3

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm getting this wierd error on my windows 7 computer when i am using the html2haml command with Haml 3 and Rails on ruby 1.9: -- control frame ---------- c:0017 p:-9593720 s:0052 b:0052 l:000051 d:000051 TOP c:0016 p:---- s:0050 b:0050 l:000049 d:000049 CFUNC :require c:0015 p:0026 s:0046 b:0046… >>> More
Using HAML with custom filters

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi everybody. I feel quite excited about HAML and CoffeeScript and am working on tutorial showing how to use them in non-Rails environment. So, haml has easy to use command-line utility haml input.haml output.html. And, what is great, there exist a project (one of many forks: https://github.com/aussiegeek/coffee-haml-filter)… >>> More
Having problems using haml and rails3

as seen on Stack Overflow - Search for 'Stack Overflow'
After installing rails3, I'm experiencing problems when trying to use haml with it. I have the updated gem installed, and after rails PROJECT_NAME , I did haml --rails in its root. It apparently had worked fine, since I have haml folder inside plugins, init.rb, as expected. But when I try to rake… >>> More
haml with rails3 (git master) and devise: form_for syntax change breaks haml -- suggestions?

as seen on Stack Overflow - Search for 'Stack Overflow'
i am trying to get haml working with a rails3 project; since i am quite far in the modeling i wanted to go to the haml views now -- seems that the current haml (git master) does not work together with the current rails3 git master because of some syntax changes in rails3 form_for does anyone have… >>> More
searching for a guide how to setup mongo_mapper, devise, haml with rails3

as seen on Stack Overflow - Search for 'Stack Overflow'
is there a full setup guide for mongo_mapper, haml, rails3 and devise, for the current git (master) branches? a lot of things changed in all of those frameworks/libs lately. i was wondering if somebody has it up and running and can share it on github or give some pointers... >>> More