Html 引导程序3-如何使用偏移量在“.col-md-3”之间获得相等的间距`

我使用的是Bootstrap3.3.7。在这里拉小提琴：

输出如下所示：

我想做的是让“C列”与红色列的右边对齐，但也要保持“A列”的位置，并且“B列”之间的间距相等

本质上，我希望它看起来是正确的，右边是“C柱”，中间是“B柱”。A-B列和B-C列之间的等间距

我不知道需要使用哪个

offset

类。我希望A/B/C列的宽度相等，因此使用了

col-md-3

。所以加起来是9。但是我用什么

offset

数字来实现这一点呢

如果我在“A列”上使用

.col-md-offset-1

，“C列”在我想要的地方结束，但它会将“A列”从红色列的左侧推出

我得到的东西，它需要加起来12。。。但在这种情况下，这怎么可能呢

我的列（A/B/C）上的5px灰色边框是否导致问题？如果是这样的话，我如何拥有这样的边界并保持间距？

就我所知，对于标准的Bootstrap3类/偏移，这是不可能的

Flexbox可以做到这一点，但它确实意味着覆盖一些标准的Bootstrap3属性

.flex{
显示器：flex；
证明内容：之间的空间；
}
.row.flex:before，
.row.flex:after{
显示：无；
}

A列

B栏

C列

就我所知，这在标准Bootstrap3类/偏移中是不可能的

Flexbox可以做到这一点，但它确实意味着覆盖一些标准的Bootstrap3属性

.flex{
显示器：flex；
证明内容：之间的空间；
}
.row.flex:before，
.row.flex:after{
显示：无；
}

A列

B栏

C列

很确定，使用标准引导类无法做到这一点。这不是引导程序的工作原理。是的，因为我想这就像在A-B和B-C之间要求“col-md-1.5”，这不是一件事！这真的很有限！上面的内容在

.col-md-12

中，因此下面的框的对齐看起来是关闭的。看起来糟透了！很确定你不能用标准的引导类来实现这一点。这不是引导程序的工作原理。是的，因为我想这就像在A-B和B-C之间要求“col-md-1.5”，这不是一件事！这真的很有限！上面的内容在

.col-md-12

中，因此下面的框的对齐看起来是关闭的。看起来糟透了！