我一直在尝试使用 Bootstrap 实现类似键盘的小部件。
这里是手头问题的重构:
<div>
<div class="row">
<span class="col-md-3">
<button class="btn btn-lg btn-warning">1</button>
<button class="btn btn-lg btn-warning">2</button>
<button class="btn btn-lg btn-warning">3</button>
</span>
</div>
<div class="row">
<span class="col-md-3">
<button class="btn btn-lg btn-warning btn-block">SPAN</button>
</span>
</div>
</div>
问题是标记为 1、2 和 3 的按钮没有均匀分布以填充 3 列宽度的父元素。
现在,我知道我可以使用 btn-group-justified
类,但它会拉伸(stretch)按钮以适应父按钮的宽度。我想要的是在按钮之间添加填充符。
这可以使用 Bootstrap 来完成,还是我应该使用 display: table
或一些涉及边距的奇怪的巫毒代码。
最佳答案
嵌套行怎么样?
http://jsfiddle.net/isherwood/XGb89/
<div class="row">
<div class="col-md-3">
<div class="row">
<div class="col-xs-4 text-center">
<button class="btn btn-lg btn-warning">1</button>
</div>
...
关于html - 在列中均匀分布按钮(元素),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21911457/