Bootstrap：使列在行

Question

我有一种情况，我想让列在行中水平堆叠。

该行应水平拉伸以容纳这些列。我尝试在行上使用white-space: nowrap，清除列上的浮点数并使它们显示为内联块。这样可行，但行不会水平拉伸以覆盖列

行和列属于父容器，当行拉伸时应该水平滚动。

这是一个小提琴： https://jsfiddle.net/afhq9pyr/

Answer 1

检查Flex CSS方法。目前所有浏览器都是supported

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex-item {
    -webkit-flex: 1 auto;
    flex: 1 auto;
}

以下是使用Flex方法更新的jsfiddle。