title: Bootstrap 3 text-center not working with row
body: <p>I am using Bootstrap 3. I have use two column like <code>col-md-4</code> and <code>col-md-2</code> within row. Now i am trying to center both column within row. I have used <code>text-left</code> for <code>col-md-2</code> because button within it need to be left align. I have used following code to center the column but it not work for me.</p>
  
  <pre><code>&lt;div class="jumbotron"&gt;
      &lt;div class="row text-center"&gt;
          &lt;div class="col-md-4"&gt;
              &lt;div class="input-group input-group-lg"&gt;
                  &lt;div class="input-group-btn text-left"&gt;
                      &lt;button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"&gt;option 1&lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;
                      &lt;ul class="dropdown-menu"&gt;
                          &lt;li&gt;&lt;a href="#"&gt;option 1&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;option 2&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;option 3&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;&lt;!-- /btn-group --&gt;
                  &lt;input type="text" class="form-control"&gt;
              &lt;/div&gt;&lt;!-- /input-group --&gt;
          &lt;/div&gt;
          &lt;div class="col-md-2 text-left"&gt;
              &lt;button type="button" class="btn btn-default btn-lg"&gt;  Search  &lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;&lt;!-- /row --&gt;
  &lt;/div&gt;
  </code></pre>