Html 为什么两列col-8和col-4不能在lg视图中并排渲染？

大家好，我有一个问题，使第8列和第4列并排渲染。我想不出一个好的理由说明它不起作用。col应该工作并填充col 12

代码如下：

文件

这片土地被称为蒂卡·马萨拉（Tikka Masala），它是印度南部的一块火山岩。
我不知道这道菜的起源，但我想我可以看看
去看看吧。当我去印度餐馆时，我总是点餐
这顿饭太好吃了。我想每个人都应该试试这个
食物在他们生命中的某个时刻，许多人会喜欢它。


这片土地被称为蒂卡·马萨拉（Tikka Masala），它是印度南部的一块火山岩。
我不知道这道菜的起源，但我想我可以看看
去看看吧。当我去印度餐馆时，我总是点餐
这顿饭太好吃了。我想每个人都应该试试这个
食物在他们生命中的某个时刻，许多人会喜欢它。

如果你有任何想法，请告诉我

---

谢谢

预定义网格类中的列之间的檐槽可以使用删除。无檐槽。此删除.row的负边距和所有直接子列的水平填充

下面是创建这些样式的源代码。请注意，列重写的范围仅限于第一个子列，并通过属性选择器作为目标

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

---

您可以更改任何其他功能吗？您可以添加额外的样式表。

对于我来说，使用提供的代码就可以了。您是否有任何附加了

.bk1

的CSS或附加了

宽度的CSS？