引导两列之间的垂直分频器 [英] vertical divider between two columns in bootstrap

问题描述

我使用twitter bootstrap，并有一行有两列（span6）。如何在两个跨度之间创建一个垂直分隔线。

I am using twitter bootstrap, and have a row which has two columns (span6). How do I create a vertical divider between both the spans.

感谢您，
Murtaza

Thanks, Murtaza

推荐答案

看起来像这样：

<div class="row">
  <div class="span6">
  </div>
  <div class="span6">
  </div>
</div>

然后我假设你在span6DIVS中使用额外的DIVS来保存/您的内容？所以...

Then I'd assume you're using additional DIVS within the "span6" DIVS for holding/styling your content? So...

<div class="row">
  <div class="span6">
    <div class="mycontent-left">
    </div>
  </div>
  <div class="span6">
    <div class="mycontent-right">
    </div>
  </div>
</div>

所以你可以简单地添加一些CSS到mycontent-left / p>

So you could simply add some CSS to the "mycontent-left" class to create your divider.

.mycontent-left {
  border-right: 1px dashed #333;
}

这篇关于引导两列之间的垂直分频器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！