Bootstrap 3 Skeleton
This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header col-xs-3 col-sm-3 col-md-3">
<ul class="nav nav-pills">
<li><a class="navbar-brand hidden-xs" href="#"></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<button type="button" class="glyphicon glyphicon-collapse-down navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"></button>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav ">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<ul class="nav nav-pills pull-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
CSS
@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.navbar-brand
{
background:url(http://liubavyshka.ru/_ph/92/2/202241566.jpg);
background-size: 100%;
width: 50px;
}