twitter-bootstrap - 并排的两种形式

Question

我开始使用 Twitter Bootstrap 并尝试并排放置两个表单。默认情况下，如果我在页面上放置两个表单，它们一个接一个地跟随，我应该应用什么属性来将这些表单并排放置，宽度为 50%。

Answer 1

您可以使用twitter bootstrap 的网格功能。就像是：

<div class="row">
    <div class="span6">
        <form>[...]</form>
    </div>
    <div class="span6">
        <form>[...]</form>
    </div>
</div>

编辑：

使用 Twitter Bootstrap 3.x

<div class="row">
    <div class="col-sm-6">
        <form>[...]</form>
    </div>
    <div class="col-sm-6">
        <form>[...]</form>
    </div>
</div>

注意：在 col - sm -6 中，sm代表 small，这意味着该网格仅适用于视口大于768px（使用 TWBS 默认设置）的设备