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

发布于 2022-09-06 21:19:38 字数 123 浏览 9 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

余厌 2022-09-13 21:19:38

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

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

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

静谧 2022-09-13 21:19:38

Bootstrap 的文档

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文