Twitter引导程序向右移动复选框

时间:2014-04-07 14:15:43

标签: html css css3 twitter-bootstrap positioning

尝试按照每个列中有5列的顺序显示我的复选框,其中包含两列。我非常不确定如何使用复选框并将输入表单放在左侧。

这是bootply:

http://www.bootply.com/128081

enter image description here

2 个答案:

答案 0 :(得分:0)

问题是您的复选框位于自己的<div class="row">中。您需要将所有列放在一行中。此外,您的列是col-md-6。 Twitter引导程序的最大列默认宽度为col-md-12,因此如果您希望复选框适合该行,您可能需要使用col-md-(12 /列数)。

希望这有帮助!

答案 1 :(得分:0)

正如dardrone所说 - 您需要将它们放在中,然后将其拆分为2列。类似的东西:

<div class="row">
    <div class="col-md-6">
        show the first column of checkboxes here
    </div>
    <div class="col-md-6">
        show the second column of checkboxes here
    </div>
</div>