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">
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"> pushed left by default? </a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-center" align="center">
        <li class="active"><a href="#">pushed left by default?</a></li>
        <li><a href="#">center this part  </a></li>
        <li><a href="#">and this too  </a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">right </a></li>
        <li><a href="#"> right</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</nav>

CSS

.navbar-center {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}