Css 引导：具有可变列数的网格

我想在网格中的列之间添加分隔符。 问题是，我可以有1到4列。如果我只做一个，我不需要任何分隔符

以下是我目前的代码：

<div class='col-md-{$ NumberOfColumns $} my_class' data-ng-repeat='...'>
 </div>

---

但是，即使我有一列，也会显示此边框。引导是否提供了更温和地处理分隔器的功能

您可以使用CSS选择器“不”选择“唯一子元素”（即单列）的元素，如下所示：

选择器：非（：唯一子项）{}

下面是一个代码片段，显示了这段代码的作用

div{clear:both；}
上校{
宽度：100px；
背景：黄色；
浮动：左；
利润率：10px；
明确：无；
}
.col:not（：only child）{左边框：5px纯红色；}

1列
1列
2列

您可以使用条件。只有当

NumberOfColumns

的值大于1时，才需要添加

my_class

。

.my_class {
    border-left: 1px solid rgba(196, 187, 159, 0.63);
}