Css 如何使用类col管理网站中的引导断点-*

我目前正在考虑如何管理断点。目前，我只在div上使用col lg-*类，因为我在桌面上工作，暂时不需要担心断点问题

但在未来，我们必须解决这个问题。所以，我想知道怎么做：

在我的div中添加类col xs、col sd、col md似乎有点累。。。我想也许还有其他方法可以通过媒体查询来实现

---

谢谢。

引导col xs-***适用于超小型设备手机（如果使用任何一款手机，那么引导库也会设法在大多数设备大小上以适当的方式显示内容

超小型设备（手机，最高480px）：无媒体查询，因为这是引导中的默认设置

小型设备（平板电脑、768px及以上）：@media（最小宽度：@screen sm）{…}

中型设备（台式机、992px及以上）：@media（最小宽度：@screen md）{…}

---

大型设备（大型台式机，1200像素及以上）：@media（最小宽度：@screen lg）{…}

你不认为是媒体查询。你可以通过

col sm-*、col md-*、col lg-*、col xs-*

这样做。Bootstrap已经为你完成了媒体查询。所以你的意思是，从一开始，我应该包括所有的for类，无论我在哪里使用它们？因为我现在只使用col lg*，所以我不得不继续我所有的项目都是为了添加4个以上的类？我以前考虑过，但这使代码不太清晰（阅读），所以我想也许有另一种方法可以避免我的html代码过载。或者根据屏幕大小使用媒体要求和硬编码col lg-*的宽度……你不需要一直包含所有4个类，因为较小的网格类也适用于较大的屏幕，除非你用特定的类覆盖它们对于更大的屏幕，这是一个很好的选择。