title: Positioning of fixed header bootstrap
body: <p>I am using HTML5 boilerplate and Bootstrap to create a website. </p>
  
  <p>I am looking to make the orange and grey banner fixed on scroll but also centered and responsive. At the moment it is fixed on scroll and responsive but NOT CENTERED. </p>
  
  <p>How can i make this element: 
  - FIXED ON SCROLL
  - RESPONSIVE
  - CENTRED</p>
  
  <p>Bare in mind that i still want the slider to appear behind the banner as is. </p>
  
  <p>Here is my code for this bit: </p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
          &lt;div class="navbar-inner"&gt;
              &lt;div class="container"&gt;
                  &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/a&gt;
                  &lt;div class="nav-collapse collapse"&gt;
                      &lt;ul class="nav pull-right" id="nav-links"&gt;
                          &lt;li class="active"&gt;&lt;a href="#"&gt;HOME&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#about"&gt;ABOUT&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#contact"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
                  &lt;div class="span12"&gt; &lt;!--THIS IS THE IMAGE I AM USING--&gt;
                      &lt;img src="images/PBP_header.png"/&gt;
                  &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>My dev site is: <a href="http://dev.paperboyposse.com" rel="nofollow">http://dev.paperboyposse.com</a></p>
  
  <p>Thanks in advance guys!</p>
  
  <p>Ash</p>