两种形式并排

时间:2012-08-10 09:57:38

标签: twitter-bootstrap

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

1 个答案:

答案 0 :(得分:14)

您可以使用grid features of 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>

nb:在col- sm -6中,sm代表小,这意味着此网格仅适用于视口大于768px的设备(使用TWBS)默认设置)