初学Bootstrap如何判断class样式有哪些？

Question

初学W3C的Bootstrap，很多claas的运用，我不明白为什么那么使用，如何知道他为什么拿那个，他怎么知道那个就是要的效果，我也想知道他怎么知道的！比如这个class="col-xs-6 col-sm-3" 这代表啥？何用？

Answer 1

col 代表列
xs sm 表示两种不同屏幕
6 和 3 表示占的比例 bootstrap 一共分为12份，所以6就代表宽度的一半，3就是4分之一

建议看bootstrap 的文档，类名都是非常语义化的，照着文档多练习，很简单的

附上链接
https://v3.bootcss.com/css/#grid

Answer 2

看 Bootstrap 的文档。

前端学习一定要记住多看文档，尤其是官方文档。因为谁最懂 Bootstrap？当然是 Bootstrap 的作者了，那他写的教程当然最准确了。