title: Centering Labels Above Inputs using Bootstrap 3
body: <p>I am trying to center my labels on top of me datetimepicker inputs but <code>text-align:center</code> does not seem to be cutting it. </p>
  
  <p><a href="http://jsfiddle.net/aesh3ufk/4/" rel="nofollow">http://jsfiddle.net/aesh3ufk/4/</a></p>
  
  <p>Does anyone know how to center the labels on top of my inputs? Even !important does not work...</p>
  
  <pre><code>&lt;div class="row"&gt;
          &lt;div class="col-xs-12"&gt;
          &lt;h4&gt;&lt;strong&gt;ITEMS CHECKED IN&lt;/strong&gt;&lt;/h4&gt;
            &lt;div class='col-md-6'&gt;
              &lt;label for="From"&gt;From&lt;/label&gt;
                &lt;div class="form-group"&gt;
                  &lt;div class='input-group date' id='datetimepicker1'&gt;
                      &lt;input type='text' id="From" class="form-control" /&gt;
                      &lt;span class="input-group-addon"&gt;
                          &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                      &lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class='col-md-6'&gt;
              &lt;label for="To"&gt;To&lt;/label&gt;
                &lt;div class="form-group"&gt;
                  &lt;div class='input-group date' id='datetimepicker2'&gt;
                      &lt;input type='text' id="To" class="form-control" /&gt;
                      &lt;span class="input-group-addon"&gt;
                          &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                      &lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
         &lt;/div&gt;
  </code></pre>