Bootstrap3:如何制作2个相同高度的列(再次)

时间:2015-02-19 21:11:51

标签: css twitter-bootstrap

在你杀了我之前:我把所有其他解决方案都解决了,而不是他们工作了......或者我无法让他们工作。我已经在这里坐了几个小时来解决这个问题并且无法解决它(没有js)。

我的问题在于这个小提琴:http://jsfiddle.net/n1yL08q6/3/

我使用bootstrap 3和小工具包含的小部件设计。

在其他地方的一些解决方案说我需要使用表格显示。我试过这个(它没有用):

.row-full-height {
  height: 100%;
  display: table;
}
.col-full-height {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin-bottom: -5000px; padding-bottom: 5000px
}

您还可以看到我尝试实施margin-bottom技巧,但也没有效果。

我也尝试使用flex,它实际上有效,但它也打破了列的宽度:http://jsfiddle.net/n1yL08q6/2/

我可能没有很好地实施这个解决方案。知道哪里可能是错误?

0 个答案:

没有答案