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类属性，但按钮不是水平对齐中间。

在此先感谢。

答

添加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>

答

使用文本对齐，将工作的罚款

<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: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按钮水平中间对齐

相关推荐