如何使用Twitter Bootstraps网格系统在两列之间添加一行

前端之家收集整理的这篇文章主要介绍了如何使用Twitter Bootstraps网格系统在两列之间添加一行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
两列布局在中间有一行。
[                      ] | [                      ]
[                      ] | [                      ]
[                      ] | [                      ]
[     Left Column      ] | [    Right Column      ]
[                      ] | [                      ]
[                      ] | [                      ]
[                      ] | [                      ]
[                      ] | [                      ]

解决方法

我想我得到你的问题正确…这下面的代码。下面的内联样式只是为了说明。您在css文件中应用样式。
<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>

上述代码输出this image

猜你在找的Bootstrap相关文章