2014-11-06 127 views
1

我有一个小问题居中horizo​​ntall是我的提交按钮。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类属性,但按钮不是水平对齐中间。

在此先感谢。

回答

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> 
1

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

<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> 
+0

试过太多,但没有奏效。 – 2014-11-06 07:54:50

+0

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

+0

这是我第一次使用的jsfiddle,如果我做是正确的,它是在这里:http://jsfiddle.net/o1b89jfc/ – 2014-11-06 08:11:27