初学Bootstrap如何判断class样式有哪些?
初学W3C的Bootstrap,很多claas的运用,我不明白为什么那么使用,如何知道他为什么拿那个,他怎么知道那个就是要的效果,我也想知道他怎么知道的!比如这个class="col-xs-6 col-sm-3" 这代表啥?何用?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
col 代表列
xs sm 表示两种不同屏幕
6 和 3 表示占的比例 bootstrap 一共分为12份,所以6就代表宽度的一半,3就是4分之一
建议看bootstrap 的文档,类名都是非常语义化的,照着文档多练习,很简单的
附上链接
https://v3.bootcss.com/css/#grid
看 Bootstrap 的文档。
前端学习一定要记住多看文档,尤其是官方文档。因为谁最懂 Bootstrap?当然是 Bootstrap 的作者了,那他写的教程当然最准确了。