bootstrap base example

a clean project with js and css linked...

by bizamajig

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<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=".unique" 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 unique">
                            <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 class="navbar">
                <div class="navbar-inner">
                    <div...

CSS

body {
    border: solid;
}
.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 ***************/

/*****************************************************/

/*************** LEFT NAV CUSTOM STYLES **************/

/*****************************************************/
 @media (min-width: 1200px) {
}
@media (min-width: 980px) {
}
@media (max-width: 979px) {
}
@media (min-width: 768px) and (max-width: 979px) {
    .navbar-left .btn-navbar {
        margin-right: -15px;
    }
    .navbar-inner-left .container-fluid >.brand {
        float: left;
    }
}
@media (max-width: 767px) {
    /* BEGIN classes that make Title comes on top of Main Menu */
    /* END classes that make Title comes on top of Main Menu */
    #logo-client {
        display:none;
    }
   ...