我正在我的網站上創建一行突出顯示的產品。在桌面視圖上我有 5 個產品。當我使用中型設備時，我希望有 2 種產品，最后在移動設備上有 1 種產品。在閱讀了 Bootstrap 關于網格系統和行的文檔后，我添加了row-cols語法，但沒有任何反應。我確信我錯過了一些東西，但我不知道它是什么。另外，在我在這里展示的 codepen 項目中，產品的信息（圖像和文本）被壓縮。這是我的 CodePen。這就是我的電腦桌面視圖中的樣子（看起來不錯）當我縮小屏幕尺寸時，這就是我的電腦上的樣子。不好。