How do I get the navigation to collapse into the small icon for mobile devices?

Question

If you go on Twitter-Bootstrap website and reduce the window size below 1024x768, the navigation will change into an icon that you click for it. Is this one of the javascript pl

Answer 1

The navigation requires the nav-collapse property along with the .btn as well. This is an example:

  
    
      
      
      
    

    Project name

    
    

      

        
Home
        
About
        
Contact
      
    
<

http://twitter.github.com/bootstrap/components.html#navbar for more details about collapsing the navigation.

SIDE NOTE Oct 3, 2012

I just started to make this with another application and ran into some trouble using the minimized files so I suggest you stick to the regular if your having issues even when everything is setup correctly. Here is my application.css now:

/*
 *= require_self
 *= require bootstrap
 *= require bootstrap-responsive
 *= require_tree .
 */
body { 
    padding-top: 60px; # this is for fixed-top navigation
}