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">
    <button class="visible-sm visible-xs navbar-toggle" data-target="#i-want-this-to-collapse" data-toggle="collapse" type="button"> <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>
	<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>

CSS

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

.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 */