两种形式并排

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>

NB:在同事SM -6,sm表示小的,这意味着该网格将仅适用于用于与视口大于设备768px(具有默认拼焊板设置)