引导程序中两列之间的垂直分隔线

Question

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

谢谢，穆尔塔扎

原文由 murtaza52 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您的代码如下所示：

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

那么我假设您在“span6”DIVS 中使用额外的 DIVS 来保存/设计您的内容？所以…

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

所以您可以简单地向“mycontent-left”类添加一些 CSS 来创建您的分隔线。

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

原文由 Billy Moat 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在 Bootstrap 4 中有实用程序类 border-right 你可以使用。

所以例如你可以这样做：

 <div class="row">
  <div class="col-6 border-right"></div>
  <div class="col-6"></div>
</div>

原文由 pgmank 发布，翻译遵循 CC BY-SA 4.0 许可协议