title: Twitter Bootstrap and mobile navbar
body: <p>I'm trying to make a responsive layout for my blog on Wordpress, but I can't get over the problem with navbar on mobile devices.</p>
  
  <pre><code>&lt;header class="span8" id="top-header"&gt;
  &lt;nav class="navbar navbar-fixed-top"&gt;
      &lt;div class="navbar-inner"&gt;
          &lt;div class="container-fluid"&gt;
              &lt;a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar"&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;/a&gt;
              &lt;?php 
              wp_nav_menu(array(
                  'menu' =&gt; 'Top menu',
                  'menu_class' =&gt; 'nav'
              ));
              ?&gt;
              &lt;ul class="nav"&gt;
                  &lt;li class="dropdown"&gt;
                      &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Categories &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                      &lt;ul class="dropdown-menu"&gt;
                      &lt;?php 
                      $args = array(
                          'exclude'   =&gt;'1',
                          'orderby'   =&gt;'name',
                          'order'     =&gt; 'ASC'
                      );
                      foreach(get_categories($args) as $category): ?&gt;
                          &lt;li&gt;&lt;a href="&lt;?php echo get_category_link($category-&gt;term_id); ?&gt;" title="Category: &lt;?php echo $category-&gt;name; ?&gt;"&gt;&lt;?php echo $category-&gt;name; ?&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;?php endforeach; ?&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  &lt;a href="&lt;?php bloginfo('url'); ?&gt;" title="&lt;?php bloginfo('title'); ?&gt; - Back to the homepage"&gt;
      &lt;hgroup class="row-fluid"&gt;
          &lt;?php if(is_single()):?&gt;
              &lt;h2 class="like-h1"&gt;My blog&lt;/h2&gt;
          &lt;?php else: ?&gt;
              &lt;h1&gt;My blog&lt;/h1&gt;
          &lt;?php endif; ?&gt;
          &lt;h2&gt;Bla bla bla&lt;/h2&gt;
      &lt;/hgroup&gt;
  &lt;/a&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>On mobile devices, the dropdown doesn't work like on Twitter Bootstrap's examples but it shows every link from the navbar. It doesn't toggle. You can see it here: <a href="http://betablog.piotrnalepa.pl/" rel="nofollow">my blog example</a></p>