我在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="center-block" style="max-width:400px">
<a href="#" class="btn btn-success">Accept</a>
<a href="#" class="btn btn-danger"> Reject</a>
</div>
其他回答
您可以执行以下操作。它还避免了按钮重叠。
<div class="center-block" style="max-width:400px">
<a href="#" class="btn btn-success">Accept</a>
<a href="#" class="btn btn-danger"> Reject</a>
</div>
这对我很有用 尝试创建一个独立的<div>，然后将按钮放入其中。 就像这样:
<div id="contactBtn">
<button type="submit" class="btn btn-primary ">Send</button>
</div>
然后转到你的CSSStyle页面，像这样做Text-align:center:
#contactBtn{text-align: center;}
为你的风格添加:
显示:表; 保证金:0自动;
使用CSS属性text-align: center
<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>
