Html 响应库不工作。我怎样才能使卡片具有响应性？

我一直遵循这一点来创建一个画廊视图。问题是它在移动设备上看起来很可怕。它每行保留三张卡片，使它们非常小

我看了一下，看到了我尝试过的类名：

class="container-md" 

但这并没有让他们以我想要的方式做出反应。这仍然使他们保持了三到一排

然后我尝试删除此CSS：

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

但是每排只有一个大的。。。看起来也弄坏了分拣按钮

---

如果您想查看我的完整代码和CSS，可以在这里查看：

尝试将class

row-cols-1 row-cols-sm-2 row-cols-md-3

添加到具有class

row

的row元素中，以使行具有响应性。查看详细信息。

然后我还需要将col添加到每张卡的类中，对吗？