引导列布局而不是行布局

Question

能够在bootstrap中编写行布局。如何使用面板进行列布局。

使用以下代码进行行布局。如何在列布局中执行相同操作。

<div className="row">
<div className="form-group">
//Something....
</div>
</div>

Answer 1

我找到了一种制作列布局的方法。 className="container-fluid"是制作列布局的关键。

请在下面找到完整的结构。

<div className="container-fluid">
      <div className="col-sm-6">

            <div className="panel panel-default">
            <div className="panel-body">

                   <div className="row">
                   <div className="form-group">

                        //Something....

                   </div>
                   </div>

                   <div className="row">
                   <div className="form-group">

                        //Something....

                    </div>
                    </div>

            </div> {/* panel-body */}
            </div> {/* panel panel-default */}

     </div> {/* col-sm-6 */}
</div> {/*Container-fluid */}