使用CSS根据屏幕宽度移动列

Question

这是指向正在开发的页面的链接：

http://cybercacher.com/test/about-me/

如果向下滚动到最底部，您将看到一个链接列表 - 普通视图中有4列。当您将屏幕缩小时，它会将所有屏幕放在一列中。

我确实希望它将它们放在iPhone上的一个列中，例如。但是，根据屏幕大小，它应显示为4列，然后是2列，然后是1列。

现在它只显示为4列或1列，但它不会显示如下：

我尝试过使用CSS看看如何做到这一点，但似乎无法弄明白。如果可能的话，我更喜欢用CSS做这件事。任何帮助将不胜感激！

Answer 1

我明白了：

col-lg-3 col-md-3 col-sm-3

尝试使用：

col-sm-6 col-md-3

代替。