bootstrap3和bootstrap4的区别
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了bootstrap3和bootstrap4的区别,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1162字,纯文字阅读大概需要2分钟。
内容图文
前言:在bootstrap4出现之后修改了bootstrap3的不方便之处,让使用框架的前端开发者更加便捷。(bootstrap下文中简称为bs)
一.栅格系统
相对于原来的bs3,bs4具有了范围更大的适应区间。在过去的bs3中的xs sm md lg 中,bs4又增加了一个xl这个区间,为超大屏幕做出了适应。
原来的版本中全部都是使用了float布局,在新版本中使用了flex布局。而且在新版本中栅格系统col不用添加指定的列数。比如一个row里有2个col,自动分为-6,-6。如果其中三个col中有个指定了它的列数,而其他两个没有,那就是(12-x/)2。
二.img-circle与新版本中的rounded-circle
老版本中img-circle只对图片生效而新版本中rounded-circle对所有元素全部生效,至于好不好用了才知道。
相关推荐:《bootstrap入门教程》
三.媒体对象
去除了media-left,media-right 只有 media-body 在其中会自适应,在 body 前写一个图片即使 left ,在 body 之后便是 right。
四.display系列 / 偏移 / 外边距 / 内边距
偏移:不再使用 col-[尺寸]-offset-[x] 而是 offset-[尺寸]-[x]
外边距 : ml 左外边距 mr 右外 ,mt 上外 , mb 下外 mx-水平方向 my- 垂直方向
ml-1
内边距 : pl,pr,pt,pb, px ,py
五.颜色
primary secondary info success warning danger light dark
bg- [颜色]
text -[颜色]
btn -[]
badge - [] 对应 bs3 label
以上就是bootstrap3和bootstrap4的区别的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的bootstrap3和bootstrap4的区别全部内容,希望文章能够帮你解决bootstrap3和bootstrap4的区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。