bootstrap3和4区别是什么

WBOY
Freigeben: 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中文网其他相关文章!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!