</form>
</pre>
<h3>Optional responsive variation</h3>
- <p>Depending on the amount of content in your topbar, you might want to implement the responsive options. To do so, wrap your nav content in a containing div, <code>.nav-collapse</code>, and add the navbar toggle button, <code>.btn-navbar</code>.</p>
+ <p>Depending on the amount of content in your topbar, you might want to implement the responsive options. To do so, wrap your nav content in a containing div, <code>.nav-collapse.collapse</code>, and add the navbar toggle button, <code>.btn-navbar</code>.</p>
<pre class="prettyprint linenums">
<div class="navbar">
<div class="navbar-inner">
<a class="brand" href="#">Project name</a>
<!-- Everything you want hidden at 940px or less, place within here -->
- <div class="nav-collapse">
+ <div class="nav-collapse collapse">
<!-- .nav, .navbar-search, .navbar-form, etc -->
</div>