Geek asks and answers

Twitter Bootstrap - In the event of a crash, navbar options do not turn into a button displaying options

I have this markup:

<div class='navbar'>
            <div class='navbar-inner'>
              <div class='container'>
                <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'>
                  <span class='icon-bar'></span>
                  <span class='icon-bar'></span>
                  <span class='icon-bar'></span>
                </a>
                <div class='nav-collapse'>
                  <ul class='nav'>
                    <li class='active'>
                      <a href='#'>Home</a>
                      <a href='#'>Option 2</a>
                      <a href='#'>Option 3</a>
                    </li>
                  </ul>
            </div>
          </div>
        </div>
      </div>

It displays normally when the screen is full, but when I squeeze the screen, it does not show a button that expands to show options. Something I'm not doing right? Any idea why the button is not showing after the screen crash?

Thank!

+3
source share
3 answers

You need to enable the stylesheet bootstrap-responsive.cssfor the response function to work.

http://getbootstrap.com/2.3.2/scaffolding.html#responsive

+3
source

, , bootstrap-responsive.cs. , bootstrap.js, .

, <li>, :

<ul class='nav'>
  <li class='active'><a href='#'>Home</a></li>    
  <li><a href='#'>Option 2</a></li>
  <li><a href='#'>Option 3</a></li> 
</ul>

.

+8

You need to include the jpg plugin file. for example: http://twitter.github.com/bootstrap/javascript.html

+3
source

More articles:


All Articles