http://www.jalexus.com

                                                                  【大发一分pk10】bootstrap3和bootstrap4的区别-Bootstrap教程

                                                                  前言:在bootstrap4出现之后修改了bootstrap3的不方便之处,让使用框架的前端开发者更加便捷。(bootstrap下文中简称为bs)

                                                                  一.栅格系统

                                                                  相对于原来的bs3,bs4具有了范围更大的适应区间。(在过去的bs3中的xs sm md lg 中,bs4又增加了一个xl这个区间,为超大屏幕做出了适应。  

                                                                  1563352852714807.png

                                                                  原来的版本中全部都是使用了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] 而[是 of)fset-[尺寸]-[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的区别的详细内容,更多请关注php中文网其它相关文章!

                                                                1. 微信
                                                                2. 分享php中文网最新课程二维码相关标签:bootstrap3 bootstrap4 区别
                                                                3. 本文原创发布php中文网
                                                                4. 郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

                                                                  上一篇:wordpress如何开启https-WordPress
                                                                  下一篇:没有了