title: Make text stay in middle/center of the page in all screen size?
body: <p>I've trying to make my header staying in the middle of the page, doesn't matter what windows-size I'm at.</p>
  
  <p>I've tried using Bootstrap.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-lg-4 col-lg-offset-4"&gt;
          &lt;h1 class=" section-title "&gt;StackOverflow&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Also, this CSS.</p>
  
  <pre><code>.section-title {
      margin-left:auto;
      margin-right;auto;
  }
  </code></pre>
  
  <p>Then as soon as I shrink my windows down, my header keep going back to the left.
  How do I stop that ? What is the best way to do that ?</p>
  
  <p><a href="http://jsfiddle.net/9uor4u13/" rel="nofollow">My Fiddle is here</a> - if you need it. </p>