title: Style Twitter bootstrap Navigation
body: <p>How do people typically style the output of the Twitter Bootstrap collapsible navigation?</p>
  
  <p>The standard structure is as follows.</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
    &lt;div class="navbar-inner"&gt;
      &lt;div class="container"&gt;
        &lt;button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button"&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;/button&gt;
        &lt;a href="#" class="brand"&gt;Project name&lt;/a&gt;
        &lt;div class="nav-collapse collapse"&gt;
          &lt;ul class="nav"&gt;
            &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For example, if I would like to style <code>.nav li a</code>, I can do so with that CSS selector, but that also then changes the styling of the mobile navigation. Bootstrap doesn't appear to add any useful combination of classes to denote different ones.</p>
  
  <pre><code>&lt;div class="nav-collapse collapse"&gt; &lt;!-- Closed by button --&gt;
  &lt;div class="nav-collapse on collapse"&gt; &lt;!-- Open by button --&gt;
  &lt;div class="nav-collapse on collapse"&gt; &lt;!-- Closed by resizing window to &gt; mobile --&gt;
  </code></pre>
  
  <p>I find myself having to effectively implement the bootstrap styles again for the mobile version because I can't seem to find a combination of classes which allows me to style just the main nav rather than the dropdown. For example, the dropdown can be styled with <code>.nav-collapse.on</code> </p>
  
  <p>This is probably a really simple thing to do but can't seem to work it out!</p>