Html 引导：使列按行水平堆叠

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

行应水平延伸以容纳这些列。我尝试在行上使用

空白：nowrap

，清除列上的浮动，并使它们显示为内联块。这是可行的，但行不会水平拉伸以覆盖列

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

这是一把小提琴： 检查CSS方法。当前所有浏览器都在使用

.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方法更新的版本。

您是否尝试过为IE11添加polyfill？Flexbox得到IE11和IE10的支持是的，我已经更新了这个问题。使用polyfill可能会有所帮助。Flexbox是您想要实现@Ladmerc的最佳解决方案，默认情况下，引导构建为12列网格，当您的列等于12列时，它们默认从新的“行”开始。使用flexbox可以达到您想要的效果。谢谢，但我需要它像原来的小提琴一样可以滚动