Question

我有一个小问题以horizontall为中心我的提交按钮。

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

提前致谢。

Answer 1

使用text-align它会正常工作

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

Answer 2

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

Twitter Bootstrap按钮水平中间对齐

2 个答案: