为什么我不能并排两个col-sm-6？

Question

在我的主页https://balmainmassage.com.au中，我在左边的col-sm-6课程中有一个响应式图像，右边是同一个课程。再往下，我在类col-sm-5 div中有两个长图像（fw.png和supertuesday.png）。它是col-sm-5，因为col-sm-6让两个img在figh480tjpg图像下向左移动。所以这两个长图像比它们应该更短。有什么建议吗？

非常感谢

克劳迪奥

Answer 1

要解释修复所需内容所需的更改真的很难。正如其他人所说，Bootstrap的工作方式是在行中嵌套列。您不能将列直接嵌套在另一列内部，并期望它行为正常。您需要先声明另一行。但是，当我看到网站时你的方式，这不是你的问题。

基本上你想要的最高级别是两列，左栏是战斗画面，右栏是所有按钮和其他东西。因此，您需要将元素更改为如下所示：

我讨厌在这里使用图片，因为它不是SEO友好的，但实际上更改太复杂而没有任何基本代码可编辑（我必须在Chrome DevTools中进行）。

这可以得到这个结果：

正如其他人所说，除非你真的知道自己在做什么，否则我绝对不会在栏目上使用边距。你应该让Bootstrap处理网格。