通过Bootstrap,如何在井中添加垂直分隔线？

Question

我正在使用bootstrap画一口井.在这个井中,我创建了两个,span6并希望在这两列之间绘制一个垂直分隔线.我怎样才能实现目标？

Answer 1

在所有,但第一列上绘制左边框:

.well [class^="span"] + [class^="span"] {
    margin-left: -1px; /* compensate border width */
    border-left: 1px solid #e3e3e3;
}

或者,可以使用CSS列(需要前缀):

.well.col {
    columns: 2;
    column-gap: 20px;
    column-rule: 1px solid #e3e3e3;
}

如果你以前从未使用它,你应该检查我的CSS专栏教程.