title: How to keep collapsed Bootstrap columns centered
body: <p>I am trying to keep some Bootstrap columns centered when the columns wrap around when the screen is shrunk. </p>
  
  <p>My code looks like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="container"&gt;       
           &lt;div class="row"&gt;
              &lt;div class="col-md-2"&gt;    
              &lt;/div&gt;
              &lt;div class="col-md-8 text-center"&gt;
               &lt;div style="font-size:36px;"&gt;Page Title&lt;/div&gt; 
              &lt;/div&gt;
              &lt;div class="col-md-2"&gt;          
              &lt;/div&gt;
          &lt;/div&gt;  
          
          &lt;div class="row text-center"&gt;
              &lt;div class="col-md-2"&gt;    
              &lt;/div&gt;
              &lt;div class="col-md-2"&gt;
                   &lt;div class="text-left" style="float:left;width:25%;"&gt;WWW&lt;/div&gt;  
              &lt;/div&gt;
              &lt;div class="col-md-2"&gt;
                   &lt;div class="text-left" style="float:left;width:25%;"&gt;XXX&lt;/div&gt;  
              &lt;/div&gt;
              &lt;div class="col-md-2"&gt;
                   &lt;div class="text-left" style="float:left;width:25%;"&gt;YYY&lt;/div&gt;  
              &lt;/div&gt;
              &lt;div class="col-md-2"&gt;
                   &lt;div class="text-left" style="float:left;width:25%;"&gt;ZZZ&lt;/div&gt;  
              &lt;/div&gt;
              &lt;div class="col-md-2"&gt;         
              &lt;/div&gt;
          &lt;/div&gt; 
        &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>In the code above the 'Page Title' text stays centered horizontally on the screen as the screen width is reduced which is exactly what I want. I also want the four columns to stay centered horizontally when collapsed down to two columns and then when collapsed down to one column but the code above results in the columns being left aligned in the col-md-8 when wrapped. Is it possible to ensure that however the col-md-2 columns are wrapped they stay centered horizontally?</p>