bootstrap v3和bootstrap v4


 

不同點

 
Bootstrap3 Bootstrap4
Less Sass語言編寫
4種柵格類 5種柵格類
使用px為單位 使用rem和em為單位(除部分margin和padding使用px)
使用push和pull向左右移動 偏移列通過offset-類設置
使用float的布局方式 選擇彈性盒模型(flexbox)
 
注:Bootstrap3的4種柵格:
特小(col-xs-) 適配手機(<768px)
小(col-sm-) 適配平板(≥768px)
中(col-md-) 適配電腦(≥992px)
大(col-lg-) 適配寬屏電腦(≥1200px)
Bootstrap4的5種柵格:
特小(col-)(<576px)
小(col-sm-)(≥576px)
中(col-md-)(≥768px)
大(col-lg-) (≥992px)
特大(col-xl-)(≥1200px)
Bootstrap4特點
新增網格層適配了移動端;
全面引入ES6新特性(重寫所有JavaScript插件);
css文件減少了至少40%;
所有文檔都用Markdown編輯器重寫;
放棄對IE8的支持


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM