Question

I’m using bootstrap to drawing a well. In this well, I create two span6 and would like to draw a vertical divider between these two column. How can I achieve my goal?

Answer 1

Draw the left border on all, but first column:

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

---

Alternatively, CSS columns can be used (prefixes required):

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

If you have never use it before, you should check my tutorial on CSS columns.