引导程序-同一行上的两个复选框和一个按钮

时间:2018-09-05 11:51:05

标签: html twitter-bootstrap

我正在使用引导程序3.1.1。

我有两个复选框和一个按钮。我无法做的是将所有三个都放在一行中-按钮位于复选框之间。没有额外的CSS类就可以做到吗?使用纯自举程序?

Here is example

这是我的代码:

<div class="checkbox" style="display: block;"><label class="unselectable"><input id="chkAlreadyDelivered" type="checkbox" checked=""> Skrij že oddane količine</label></div>
<button class="btn btn-primary">Natisni</button>
<div class="checkbox"><label class="unselectable"><input id="chkAlreadyDelivered" type="checkbox" checked=""> Natisni artikle iz privzete ponudbe</label></div>

2 个答案:

答案 0 :(得分:1)

在引导程序中使用网格。

其他用途显示:内联CSS

答案 1 :(得分:1)

这应该做到。


<div class="checkbox" style="display: inline-block;"><label class="unselectable"><input id="chkAlreadyDelivered" type="checkbox" checked=""> Skrij že oddane količine</label></div>
<button class="btn btn-primary" style="display: inline-block;">Natisni</button>
<div class="checkbox" style="display: inline-block;"><label class="unselectable"><input id="chkAlreadyDelivered" type="checkbox" checked=""> Natisni artikle iz privzete ponudbe</label></div>