Twitter Bootstrap按鈕水平中間對齊

我有一個小問題居中horizontall是我的提交按鈕。Twitter Bootstrap按鈕水平中間對齊

<div class="row form-group"> 
    <div class="col-sm-2"> 
     {{ Form::submit('Submit', array('class' => 'btn btn-info'), 'submitTheThing') }} 
    </div> 
</div>

我也嘗試col-sm-offset-1類屬性，但按鈕不是水平對齊中間。

在此先感謝。

來源

2014-11-06 blankBird_

添加COL-SM-12和文本中心類屬性給我的回答。謝謝@Isuru Madusanka帶領我回答問題。

這就是：

<body> 
    <div class="row form-group"> 
     <div class="col-sm-12 text-center"> 
      <button type="submit" class="btn btn-default">Submit</button> 
     </div> 
    </div> 
</body>

來源

2014-11-06 08:29:51

使用文本對齊，將工作的罰款

<body> 
    <div class="row form-group"> 
     <div class="col-sm-2" style="text-align:center;"> 
      <button type="submit" class="btn btn-default">Submit</button> 
     </div> 
    </div> 
</body>

來源

2014-11-06 07:52:24

試過太多，但沒有奏效。 – 2014-11-06 07:54:50

可以添加jsfddle linke到這個。 http://jsfiddle.net/ – 2014-11-06 07:55:56

這是我第一次使用的jsfiddle，如果我做是正確的，它是在這裏：http://jsfiddle.net/o1b89jfc/ – 2014-11-06 08:11:27

Twitter Bootstrap按鈕水平中間對齊

回答

相關問題