块内的Bootstrap位置

Question

我试图根据这张图片构建响应式引导程序设计

我做了什么：

<div class="container">
    <div class="row NameJob">
        <div class="col-sm-offset-2 col-sm-2"></div>
        <div class="col-sm-offset-1 col-sm-4"></div>
    </div>
</div>

我的问题是，你对右框的内部有什么建议？ 我正在寻找最简单的解决方案，也是最敏感的解决方案。

Answer 1

我认为简单的方法可能是左栏4和右栏8：

    <div class="container">
        <div class="col-sm-4">
        </div>
        <div class="col-sm-8">
            <div class="row NameJob">
                <div class="col-sm-12">
                    <div class="col-sm-2">data 1</div>
                    <div class="col-sm-offset-8 col-sm-2 pull">data 2 </div>
                    <div class="col-sm-offset-1 col-sm-10"></div>
                    ......... 
                </div>
                <div class="col-sm-offset-1 col-sm-4"></div>
            </div>
        </div>
    </div>