1👍
✅
Find here the updated jsfiddle http://jsfiddle.net/4Jqab/1/
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-inner">
<div class="container-fluid">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="/"><img src="http://dogspot.dyndns.org/static/lapa_icon.png">dogspot</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="/dogs" class="">Dogs</a></li>
<li><a href="">Form</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Forms<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/dogs/create">create</a></li>
<li><a href="/contact">contact</a></li>
<li><a href="">Inline</a></li>
<li><a href="">Search</a></li>
<li><a href="">Using template</a></li>
</ul>
<li>
<form class="navbar-search pull-left" action="">
<input type="text" class="search-query span2" placeholder="Search">
</form></li>
<li><a href="/dogs/create">create</a></li>
<li><a href="/contact">contact</a></li>
<li><a href="">Pagination</a></li>
<li><a href="">Buttons</a></li>
</ul>
</div>
</div>
</div>
</div>
A couple of things were missed:
- A fluid container for the nav
- You need to specify the collapsible part of the navbar
- A navbar toggle button
Source:stackexchange.com