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="container">
    <header class="header" role="banner" itemscope itemtype="http://schema.org/WPHeader">
        <div id="inner-header" class="wrap cf">
            <nav role="navigation" class="primary col-md-12" itemscope itemtype="http://schema.org/SiteNavigationElement">
                <ul id="menu-header-menu" class="nav primary top-nav cf navbar-nav">
                    <li id="menu-item-139" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-139 dropdown"><a title="" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true"><span>Hover over me</span> <span class="caret"></span></a>

                        <ul role="menu" class=" dropdown-menu">
                            <li id="menu-item-159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-159"><a title="Sponsors" href="dropdown"><span>Dropdown</span></a>

                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
</div>

CSS

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

/* Optional theme */
 @import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
 nav {
    border:1px solid blue;
    float:left;
    text-align:center;
}
nav a {
    color:#000
}
body {
    margin: 10px;
}
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .navbar .navbar-collapse {
        text-align: center;
    }
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}
.navbar .navbar-collapse {
    text-align: center;
}
ul.nav a:hover, a:hover {
    color: #5a5a5a!important;
    text-decoration:none
}
.dropdown-menu {
    width:100%
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background:#fff!important
}
.dropdown:hover .dropdown-menu {
    display: block;
}
nav {
    text-align:center
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}
.navbar .navbar-collapse {
    text-align: center;
}
ul.nav > li:hover {
    background:#eee;
}

JavaScript

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