Maison > interface Web > Tutoriel d'amorçage > le corps du texte

bootstrap3和4区别是什么

WBOY
Libérer: 2022-02-11 16:35:03
original
6833 人浏览过

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

bootstrap3和4区别是什么

本教程操作环境: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中文网其他相关文章!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!