bootstrap base
a clean project with js and css linked...
HTML
<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css">
<div class="container-fluid">
<div class="row-fluid">
<div class="span2">
<img id="logo-client" alt="140x140" src="http://lorempixel.com/140/140/" />
<div class="navbar navbar-left">
<div class="navbar-inner navbar-inner-left">
<div class="container-fluid"> <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
<span class="icon-bar"></span><span class="icon-bar"></span>
<span class="icon-bar"></span></a> <a href="#" class="brand">Main Menu</a>
<div class="nav-collapse collapse navbar-responsive-collapse">
<ul class="nav nav-list">
<li class="nav-header">List header</li>
<li> <a href="#">Home</a>
</li>
<li> <a href="#">Library</a>
</li>
<li> <a href="#">Applications</a>
</li>
<li class="nav-header">Another list header</li>
<li> <a href="#">Profile</a>
</li>
<li> <a href="#">Settings</a>
</li>
<li class="divider"></li>
<li> <a href="#">Help</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="span10">
<div...
CSS
.navbar {
margin-bottom: 3px;
}
.btn-group {
float: right;
}
/*****************************************************/
/*************** LEFT NAV CUSTOM STYLES **************/
/*****************************************************/
.navbar-inner-left {
padding-right: 0;
padding-left: 0;
}
.navbar-left {
}
.navbar-left .nav>li {
float:none;
}
.navbar-inner-left div>.nav-list {
padding-left: 0;
}
.navbar-inner-left .container-fluid>.brand {
padding: 10px 5px 10px 5px;
}
.navbar-inner-left {
border: none;
background-color: #ffffff;
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(to bottom, #ffffff, #ffffff);
border: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
/************************************************* RESPONSIVE STUFFF**************************************************************/
/************************************************* RESPONSIVE STUFFF**************************************************************/
/************************************************* RESPONSIVE STUFFF**************************************************************/
/************************************************* RESPONSIVE STUFFF**************************************************************/
/************************************************* RESPONSIVE STUFFF**************************************************************/
/************************************************* RESPONSIVE...