Bootstrap按钮网格大小

时间:2013-11-01 15:02:30

标签: html css twitter-bootstrap

我正在尝试制作一个跨越12列的按钮。

我知道如何创建一个12列的div

<div class="row">
    <div class="col-lg-12 well"></div>
</div>

但这只会让div 12列变长。如果我用input:button替换div,我将如何使用它?

2 个答案:

答案 0 :(得分:3)

添加课程btn-block并将其放在12列<div>内。 (注意:这是Bootstrap 2.3.2)

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

答案 1 :(得分:1)

为什么不使用<button></button>? (bootstrap3)

<div class='row'>
<button class='btn btn-lg btn-warning col-lg-12' >button</button>
</div>