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="container-fluid navbar navbar-inverse navbar-static-top">
            
                <div class="container-fluid">
                    
                    <!--Logo!-->
                    <div class="navbar-header">
                        <a href="#" class="navbar-brand">THE LOGO</a>
                        
                     <!--Toggle Button 3 Lines -->                      
					   <button type="button" class="navbar-toggle customtogglebtn" data-toggle="collapse" data-target="#mainNavBar">
                       <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                       </button>
                        
                    </div>
                    
                    <!--Navigation Menu Items!-->
                    <div class="collapse navbar-collapse" id="mainNavBar">
                        <ul class="nav navbar-nav">
                            
                            <li class="active"><a href="#">Home</a></li>
                            <li><a href="#">About</a></li>
                            <li><a href="#">Menu</a></li>
                            <li><a href="#">Download</a></li>
                            <li><a href="#">Team</a></li>
                            <li><a href="#">Timeline</a></li>
                            <li><a href="#">Contact</a></li>
                            
						 <!--Dropdown Menu Item with Options!-->   
                            <li class="dropdown">
                                
                                <a href="dropdown" class="dropdown-toggle" data-toggle="dropdown">My Profile<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Friends</a></li>
          ...

CSS

body { padding-top: 51px;}
		
		.navbar-toggle { outline:none; border:none; margin-right:-5px; background:none;}
		
		.navbar-static-top {
  top: 0;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1; 
}

@media (min-width: 768px) {
  .navbar-nav>li>a {
      padding:15px 10px;
  }
}

JavaScript

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