bootstrap div css表单布局

Question

bootstrap div css表单布局我想把top中的表单布局成三行，详情如图，到底该咋弄啊？自己用栅格系统搞成一坨翔了，求大神指教，感激不尽！！！

Answer 1

基于bt3，这货是可以嵌套的，看代码，有点仓促，理解就好：

<div class="container">
    <div class="row">
        <div class="left col-xs-4" style="height:500px; background:#ccc;">
            <h2>left</h2>
        </div>
        <div class="right" style="height:500px;background:#999;">
            <div class="top col-xs-8" style="height:100px;">
                <div class="col-xs-4">1</div>
                <div class="col-xs-4">2</div>
                <div class="col-xs-4">3</div>
            </div>
            <div class="main col-xs-8" style="height:400px;background:#ededed;">
                <h2>main</h2>
            </div>
        </div>
    </div>
</div>