twitter-bootstrap - 2 つのフォームを並べて表示

Question

Twitter Bootstrap を使い始め、2 つのフォームを並べて配置しようとしました。デフォルトでは、ページに 2 つのフォームを並べて配置する場合、これらのフォームを 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: col- sm -6 は small を表し、このグリッドは(TWBS のデフォルト設定で)smより大きいビューポートを持つデバイスにのみ適用されることを意味します。768px