如何使用自举网格系统，使其堆叠低于480px

Question

我一直试图解决这个问题，但似乎无法找到有关此问题的任何消息。已经阅读了很多旧帖子，其中人们正在“修改”文件并制作自己的col-ms（中小），堆叠在480-768之间。

所有这些帖子都是从2013年开始的，所以有什么技巧可以让它以480px堆叠？我想在我的页脚中创建我的3列，堆叠在480px以下或480-768之间。尝试过不同的col-xs-4和md你命名它，然后它堆叠在768，甚至根本不堆叠。

我的代码：

src/main/res

那么有一个简单的方法吗？希望有人可以提供帮助。

Answer 1

Mikkel 你好。要将其叠加在 480px ，只需添加媒体断点并创建一个col-xxs-12类，并将此类设置为100％宽度。
您还必须使用col-xs-4而不是col-sm-4的Bootstrap类。

删除边框，我为图像演示添加了这个。

查看 Fiddle 。

@media(max-width:480px)  {     
.col-xxs-12 {
    width: 100%;
}
}