作者信息

长期闲置

长风破浪会有时,直挂云帆济沧海。

最近文章
内存条有什么用960
es模块能在node中执行吗632
nodelist是什么意思663
视频教程分类

推荐视频教程

开通VIP会员课 0元学
首页 >web前端 >Bootstrap教程 > 正文

bootstrap3和4区别是什么

原创2022-02-11 16:35:032552 关注公众号:每天精选资源文章推送

区别:1、bootstrap3有四种栅格类,bootstrap4有五种栅格类;2、bootstrap3使用px为单位,bootstrap4使用rem和em为单位;3、bootstrap3用float布局,bootstrap4用flex布局。

本教程操作环境:Windows10系统、bootstrap3.3.7版、DELL G3电脑

bootstrap3和4区别是什么

Bootsrap3采用的float布局,而Bootstrap采用的flex布局

Bootstrap4中的栅格系统可以不用添加指定的列数 如row 里面有2个col 会任何尺寸下均分row

Bootstrap3只有4种栅格类 分别为(col-xs特小,col-sm小,col-md,中col-lg大)

Bootstrap4有5种栅格类,(col-特小,col-sm-小,col-md-中,col-lg-大,col-xl-超大)

Bootstrap4使用rem为单位

Bootstrap4设置列偏移时通过 offset-sm-4,而Bootstrap3通过col-sm-offset-4

Bootstrap4增加了响应式容器如 container-sm ,container-md….,当小于屏幕尺寸小于栅格类时会占满整个屏幕

08.png

相关推荐:bootstrap教程

以上就是bootstrap3和4区别是什么的详细内容,更多请关注php中文网其它相关文章!

20期PHP线上班

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:bootstrap
  • 推荐:PHP从基础到实战教程视频

    相关文章

    相关视频


    专题推荐