首頁  >  文章  >  web前端  >  bootstrap3和4差別是什麼

bootstrap3和4差別是什麼

WBOY
WBOY原創
2022-02-11 16:35:037057瀏覽

區別: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….,當小於螢幕尺寸小於柵格類別時會佔滿整個畫面

bootstrap3和4差別是什麼

相關推薦:bootstrap教學

以上是bootstrap3和4差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn