twitter-bootstrap – 两种形式并排

发布时间：2020-12-18 00:24:18 所属栏目：安全来源：网络整理

导读：我开始使用Twitter Bootstrap并尝试并排放置两个表单.默认情况下,如果我在页面上放置两个表单,它们会一个接一个地跟随,我应该应用什么属性来并排放置这些表单,并且宽度为50％. 解决方法你可以使用 grid features of twitter bootstrap. 就像是： div class=

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

解决方法

你可以使用 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默认设置)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!