Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="navbar navbar-default nav-links navbar-fixed-top hidden-md hidden-lg">
    <div class="container">
        <div class="navbar-header">
            <button class="visible-sm visible-xs navbar-toggle" type="button"
                    data-target="#i-want-this-to-collapse" data-toggle="collapse" >
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span> 
            </button>
            <a class="mini-navbar navbar-brand" href="/">
                <img src="media/img/nav-logo.png" alt="Driven Car Sales Logo"
                     class="img-rounded logo-nav mini-navbar" />
            </a>
        </div>
        <div class="navbar-collapse collapse"
             id="i-want-this-to-collapse">
            <ul class="nav navbar-nav">
                <li><a href="#">Home</a></li>
                <li><a href="#">Join us</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        About<strong class="caret"></strong>
                    </a>
                    <ul class="dropdown-menu">
                        <li> <a href "#">The Team</a></li>
                        <li> <a href "#">Our Partners</a></li>
                    </ul>
                </li>
                <li><a href="#">How To Find Us</a></li>
                <li><a href="#">Contact Us</a></li>
            </ul>
        </div>
    </div>
</div>

CSS

.mini-navbar {
    opacity: 1;
    padding: 5px 0;
}

@media only screen and (max-width : 992px) {
    /*body {display: none;}*/
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav {
        float: none;
    }
    .nav.navbar-nav {
        clear: both;
        float: left;
        margin: 0 0 0 -15px;
        width: 100%;
    }
    .navbar-default .navbar-nav>li>a {
        border: none;
    }
    
    .navbar-nav > li:last-child {
        border: none;
    }
    .navbar-default {
        
    }
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */