我想要一个按钮占用列的整个宽度，但是有困难...
<div class="span9 btn-block">
<button class="btn btn-large btn-block btn-primary" type="button">Block level button</button>
</div>
如何使按钮与列一样宽？
使按钮全角显示？
<div class="col-md-9">
<button class="btn btn-block btn-primary" type="button">Block level button</button>
</div>
在Bootstrap 3中，这应该是您所需要的。我相信btn-large这将覆盖的宽度btn-block。
采用
<div class="btn-group btn-group-justified">
...
</div>
但它仅适用于<a>元素，不适用于<button>元素。
请参阅：http：//getbootstrap.com/components/#btn-groups-justified
Bootstrap 4.1+
使用col-12，btn-block，w-100或form-control
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row no-gutters">
<div class="col">
<button class="btn btn-success col-12">
class="col-12"
</button>
</div>
</div>
<br>
<div class="row no-gutters">
<div class="col">
<button class="btn btn-primary w-100">
class="w-100"
</button>
</div>
</div>
<br>
<div class="row no-gutters">
<div class="col">
<button class="btn btn-secondary btn-block">
class="btn-block"
</button>
</div>
</div>
<br>
<div class="row no-gutters">
<div class="col">
<button class="btn btn-success form-control">
class="form-control"
</button>
</div>
</div>
<br>
<div class="row no-gutters">
<div class="col">
<button class="btn btn-danger" style="width:100%">
style="width:100%"
</button>
</div>
</div>我只是用这个：
<div class="col-md-4 col-sm-4 col-xs-4">
<button type="button" class="btn btn-primary btn-block">Sign In</button>
</div>
Bootstrap v3和v4
btn-block在按钮/元素上使用类
Bootstrap v2
input-block-level在按钮/元素上使用类
按钮的宽度由按钮文本定义。因此，如果要定义按钮的宽度，则可以通过使用css中的像素来使用定义的宽度，或者如果要通过响应使用百分比值来使用。