Twitter bootstrap 一些引导列重叠

我使用flex column并将页面分为两个部分，这样当页面调整大小时，右栏可以移动到左栏下方。但现在右栏上的图像重叠了。 这是我用于这两个部分的代码

民权
现在玩
民权博物馆

买票
历史悠久的阿拉莫·杰克逊演唱会时间表

JSU杰克逊克利夫兰巴克纳艺术展

现在预订杰克逊市区威斯汀酒店
现在预订爱德华国王酒店

在Spotify上收听路途旅行播放列表

多玩
晚点玩
密西西比自由步道倍数

.
https://stackoverflow.com/posts/46837049/edit#
密西西比自由步道倍数

贝斯托尼亚布鲁斯音乐节
贝斯托尼亚

Instagram已释放

虽然我还没有使用新版本的Bootstrap（它引入了“flexbox”），但我确实注意到您在右侧的flex列中放置了许多flex项，以及其中的图像。这可能是导致图像重叠的原因，因为您没有以列/行方式排列flex项。这使得他们的容器认为他们是平等的，并将他们放在一起，在这种情况下一个放在另一个上面

我建议您在更大的flex列上实现一个网格系统。这将允许您按行和列进行排序，并根据需要将图像放置在生成的网格中

看一看。有多种选项和方法可以安排您自己独特的网格。我相信其中一个符合你的要求

---

祝你好运

您需要阅读以了解引导布局是如何工作的。然后，在你理解它的工作原理后，编辑你的文章并问一个实际问题，告诉我们你尝试了什么，并考虑发布一些相关的代码。我得到了几天的登陆页面，所以我选择了Bootstrap，我一直在尝试构建这个站点。我使用flex column并将页面分为两个部分，这样当页面调整大小时，右栏可以移动到左栏下方。但现在右栏上的图像重叠了。