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 universal-header navbar-static-top">

<a class="navbar-brand navigation-title color-brown">

  </a>
  <span class="color-brown navbar-brand navigation-title">HELLO</span>
  
  <span class="navbar-brand navigation-title pull-right color-brown">Login</span>
    <span class="navbar-brand navigation-title pull-right color-brown">Features</span>
    <span class="navbar-brand navigation-title pull-right color-brown">About</span>
</nav>

<div class="row primary-content">
  <div class="col-md-12">
    <h1>This is a super awesome product</h1>
    <h4>Help me stackoverflow, you are my only hope!</h4>
  </div>
  <div class="bottom">
    You should be able to see me without scrolling
  </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');

.universal-header {
  background: red;
  border-radius: none;
  height: 10%;
  width: 100%;
  position: fixed;
}

.color-brown {
  color: #58482C;
  text-decoration: none;
}

.primary-content {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 90%;
  background: yellow;
  margin: 0 !important;
}

.bottom {
  position: absolute;
  bottom: 0;
  right: 0;
}

JavaScript

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