Question

我有一个包含row和col-类的简单引导网格。我希望得到一个像垂直分隔符的表格，其全长等于最高的列。

我准备了一个演示，它证明了使用经典方法时，分频器只与当前列一样长。 http://www.bootply.com/8egTicqQAq

我通过已接受的解决方案查找了有关SO的其他不同问题。但他们没有为我工作。至少不是最新版本的Chrome。但是每个现代浏览器都应该以所请求的解决方案为目标。

Answer 1

将display: table添加到.row，将display: table-cell和float: none添加到.col：

.row {
    width: 100%;
    margin: 2px;
    border-top: black solid 1px;
    border-bottom: black solid 1px;
    border-left: black solid 1px;
    border-right: black solid 1px;
    display: table;
}

.row > div[class^=col-] {
    border-right: black solid 1px;
    float: none;
    display: table-cell;
}

.row > div[class^=col-]:last-child {
  border:none;
}

示例： http://www.bootply.com/DNBL5ir8dG

相同长度的垂直分隔线（边框）

1 个答案: