Bootstrap 3文本中心不与行

Question

我使用Bootstrap 3.我使用两行像col-md-4和col-md-2行内。现在我正在尝试将两列中间的列居中。我已使用text-left作为col-md-2，因为其中的按钮需要左对齐。我用以下代码来居中列，但它不适合我。

<div class="jumbotron"> 
    <div class="row text-center"> 
     <div class="col-md-4"> 
      <div class="input-group input-group-lg"> 
       <div class="input-group-btn text-left"> 
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">option 1<span class="caret"></span></button> 
        <ul class="dropdown-menu"> 
         <li><a href="#">option 1</a></li> 
         <li><a href="#">option 2</a></li> 
         <li><a href="#">option 3</a></li> 
        </ul> 
       </div><!-- /btn-group --> 
       <input type="text" class="form-control"> 
      </div><!-- /input-group --> 
     </div> 
     <div class="col-md-2 text-left"> 
      <button type="button" class="btn btn-default btn-lg"> Search <span class="glyphicon glyphicon-search"></span></button> 
     </div> 
    </div><!-- /row --> 
</div> 

Answer 1

<div class="jumbotron"> 
<div class="row"> 
    <div class="col-md-4 col-md-offset-3"> //The one i added 
     <div class="input-group input-group-lg"> 
      <div class="input-group-btn text-left"> 
       <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">option 1<span class="caret"></span></button> 
       <ul class="dropdown-menu"> 
        <li><a href="#">option 1</a></li> 
        <li><a href="#">option 2</a></li> 
        <li><a href="#">option 3</a></li> 
       </ul> 
      </div><!-- /btn-group --> 
      <input type="text" class="form-control"> 
     </div><!-- /input-group --> 
    </div> 
    <div class="col-md-2 text-left"> 
     <button type="button" class="btn btn-default btn-lg"> Search <span class="glyphicon glyphicon-search"></span></button> 
    </div> 
</div><!-- /row --> 

希望这Bootply帮助！也看看这个wiki。