title: Bootstrap: Center a header within a div
body: <p>I'm running into the same issue whenever I try the solutions posted to questions that are similar to mine. The header text simply ignores everything. Here is the problem markup; it's a really simple three column row.</p>
  
  <pre><code>&lt;div class="row"&gt;
     &lt;div class="col-md-4"&gt;
        &lt;h3 class="events"&gt;Upcoming Events&lt;/h3&gt;
     &lt;/div&gt;
     &lt;div class="col-md-4"&gt;
        &lt;h3 class="register"&gt;Signup&lt;/h3&gt;
     &lt;/div&gt;
     &lt;div class="col-md-4"&gt;
        &lt;h3 class="search"&gt;Search Here&lt;/h3&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Furthermore, here is my CSS, which I have added in on top of the standard Bootstrap CSS.</p>
  
  <pre><code>h3.earnings, h3.register, h3.search {
    text-align: center
  }
  </code></pre>
  
  <p>Regardless of any styling tricks I use, the header text simply remains left-justified within it's parent div column. What am I missing, which would allow me to properly format my layout?</p>