html – Twitter Bootstrap – 2列布局

概述如何使用Twitter Bootstrap进行2列布局？ 我用这个方案： <div class="container"> <div class="row"> <div class="span2"> Red rectangle </div> <div class="span6"> Blue rectangle </div 如何使用Twitter bootstrap进行2列布局？
我用这个方案：

<div >           <div >    <div >       Red rectangle    </div>    <div >      Blue rectangle    </div>    <div >      Blue rectangle    </div>    <div >      Blue rectangle    </div>    <div >      Blue rectangle    </div>  </div></div>

哪个生成这个布局：

我想让蓝色矩形始终“在右边”,而不是留下.

我究竟做错了什么？

解决方法 您可能想要查看 scaffolding documentation.听起来更像是要在右侧列中嵌套行.

<div >           <div >    <div >       Red Rectangle    </div>    <div >      <div >        <div >          Blue Rectangle        </div>      </div>      <div >        <div >          Blue Rectangle        </div>      </div>      <div >        <div >          Blue Rectangle        </div>      </div>      <div >        <div >          Blue Rectangle        </div>      </div>    </div>  </div></div>

实际上可能没有必要将每个蓝色矩形包装在“row”div中,而span6应该堆叠.但它的清洁方式如此.

总结

以上是内存溢出为你收集整理的html – Twitter Bootstrap – 2列布局全部内容，希望文章能够帮你解决html – Twitter Bootstrap – 2列布局所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。