如何在两列中分组引导按钮?

时间:2015-04-06 04:49:10

标签: javascript html css twitter-bootstrap

我见过w3c的例子: http://www.w3schools.com/bootstrap/bootstrap_button_groups.asp

但是我不能得到如下一组按钮(我想要这个):

groups_btn_OK

我也访问过该网站,但找不到任何我想要的引导程序(http://getbootstrap.com/components)。

我的想法是这样的:jsfiddle.net/52VtD/10912但是仍然是单独的按钮,中间的按钮角落。

2 个答案:

答案 0 :(得分:2)

Juse使用简单的网格列 http://codepen.io/knitevision1/pen/MYdjOj

<div class="row">
    <div class="col-xs-6 col-xl-6 item"><button class="btn btn-primary">ASD</button></div>
    <div class="col-xs-6 col-xl-6 item"><button class="btn btn-primary">ASD</button></div>
</div>

答案 1 :(得分:1)

如果这很简单,那么你只需要一个两列表。在每个字段中,在每列中放置一个包含相应类的按钮。然后根据需要定位表格。虽然,如果您只想并排按钮,那么建议只需将它们包含在“btn-group”类的div中。我将用示例进行更新。