我想要一个按钮占据整个栏宽,但是有困难…

<div class="span9 btn-block">
    <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button>
</div>

如何使按钮与列一样宽?


当前回答

我本以为这是最具自助风格的做事方式:

<button type='button' class='btn btn-success col-xs-12'> First buttton baby </button>

我所做的只是将类col-xs-12添加到按钮。

其他回答

use

<div class="btn-group btn-group-justified">
  ...
</div>

但它只适用于<a>元素而不是<button>元素。

见:http://getbootstrap.com/components/ btn-groups-justified

引导v3和v4

在按钮/元素上使用btn-block类

引导v2

在按钮/元素上使用输入块级类

我本以为这是最具自助风格的做事方式:

<button type='button' class='btn btn-success col-xs-12'> First buttton baby </button>

我所做的只是将类col-xs-12添加到按钮。

我们可以使用块级全宽按钮 通过添加.btn-block创建块级按钮——那些跨越父节点的全宽度的按钮。 <button type="button" class="btn btn-primary btn-lg btn-block"> 方块等级按钮 < /按钮> <button type="button" class="btn btn-secondary btn-lg btn-block"> 方块等级按钮 < /按钮>

我简单地用了这个:

<div class="col-md-4 col-sm-4 col-xs-4">
<button type="button" class="btn btn-primary btn-block">Sign In</button>
</div>