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">
    <div class="navbar navbar-default">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Bootstrap 3</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">

                <li class="active"><a href="http://getbootstrap.com/css">CSS</a></li>
                <li><a href="http://getbootstrap.com/">About</a></li>
                <li><a href="http://getbootstrap.com/javascript">Company</a></li>
            </ul>
           
        </div>
    </div>
   
    
</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');



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a {
	border-top: 3px solid #E1483F;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:after {
	border-top: 3px solid #E1483F;
}
body {
    margin: 10px;
}
.navbar-nav>li {
    position: relative;
    text-align: center;
}
.active:before {
    content:" ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #E1483F transparent transparent transparent;
}

JavaScript

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