twitter-bootstrap – 两种形式并排

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 两种形式并排前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我开始使用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默认设置)

猜你在找的Bootstrap相关文章