如何使用Twitter Bootstraps网格系统在两列之间添加一行 [英] How can I add a line between two columns using Twitter Bootstraps grid system
本文介绍了如何使用Twitter Bootstraps网格系统在两列之间添加一行的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
中间有一条线的两列布局。
Two column layout with a line in the middle.
[ ] | [ ]
[ ] | [ ]
[ ] | [ ]
[ Left Column ] | [ Right Column ]
[ ] | [ ]
[ ] | [ ]
[ ] | [ ]
[ ] | [ ]
推荐答案
我认为我的问题正确。 。这下面的代码。下面的内联样式仅用于说明。您可以在CSS文件中应用您的样式。
I think I got your question right... this the below codes. The inline style below is just for illustration. You apply your styling in the css file.
<div class="container">
<div class="row-fluid">
<div class="span6" style="padding-right:20px; border-right: 1px solid #ccc;">
<p>Some Contents Here...</p>
</div>
<div class="span6">
<p>Some Contents Here...</p>
</div>
</div>
</div>
以上代码应输出此图片。
这篇关于如何使用Twitter Bootstraps网格系统在两列之间添加一行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文