我在Twitter Bootstrap中构建一个表单，但我在窗体中输入下面的按钮居中有问题。我已经尝试将center-block类应用于按钮，但这并不奏效。我该如何解决这个问题?
这是我的代码。
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label" for="singlebutton"></label>
<div class="col-md-4">
<button id="singlebutton" name="singlebutton" class="btn btn-primary center-block">
Next Step!
</button>
</div>
</div>
当前回答
<div class="container-fluid">
<div class="col-sm-12 text-center">
<button class="btn btn-primary" title="Submit"></button>
<button class="btn btn-warning" title="Cancel"></button>
</div>
</div>
其他回答
为你的风格添加:
显示:表; 保证金:0自动;
<div class="container-fluid">
<div class="col-sm-12 text-center">
<button class="btn btn-primary" title="Submit"></button>
<button class="btn btn-warning" title="Cancel"></button>
</div>
</div>
我尝试了下面的代码，它为我工作。
<button class="btn btn-default center-block" type="submit">Button</button>
按钮控件在一个div和使用中心块类的bootstrap帮助我将按钮对齐到div的中心
检查链接，您将找到中心块类
http://getbootstrap.com/css/#helper-classes-center
或者你可以通过简单的自举网格系统，给出特定的偏移量来设置按钮的位置，
<div class="col-md-offset-4 col-md-2 col-md-offset-5">
<input type="submit" class="btn btn-block" value="submit"/>
这样，如果你设置了btn-block，也可以指定按钮大小。 当然，这只适用于md大小范围，如果你想设置其他大小，使用xs,sm,lg。
使用CSS属性text-align: center
