为什么我不能有两个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的工作方式是将行嵌套在列中。您不能直接在另一列中嵌套列，并期望其行为正确。您需要先声明另一行。然而，在我看网站的时候，你的方式并不是你的问题。

基本上你最想要的是两栏，左栏是战斗画面，右栏是所有的按钮和其他东西。因此，你需要改变你的元素，看起来如下：

我不想在这里使用的图片，因为它不是搜索引擎友好的，但真正的变化太复杂，没有任何基本代码编辑（我必须在Chrome DevTools中完成）。

这可以让你这样的结果：

正如其他人所指出的，我绝对不会用在列利润，除非你真的知道自己在做什么。你应该真的让Bootstrap处理网格。