如何使用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。

原文地址：https://www.jb51.cc/bootstrap/234408.html