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

bootstrap3和2的差別是什麼

WBOY
WBOY原創
2022-02-11 15:02:222017瀏覽

bootstrap3和bootstrap2的區別:1、bootstrap3包含了行動裝置優先的樣式,而bootstrap2沒有;2、bootstrap3採用扁平化的設計風格,而bootstrap2採用漸變凹凸風格。

bootstrap3和2的差別是什麼

本教學操作環境:Windows10系統、bootstrap3.3.7版、DELL G3電腦

bootstrap3和2的差異是什麼

Bootstrap是基於HTML、CSS、JavaScript 開發的簡潔、直覺、強悍的前端開發框架,讓Web 開發更快速。

Bootstrap是一個易用、優雅、靈活、可擴展的前端工具包,裡麵包含了豐富的Web元件,包括佈局、柵格、表格、表單、導航、按鈕、進度條、媒體對象等,基於這些元件,可以快速建立一個漂亮、功能完整的網站。由於Firefox、Chrome、Safari等主流瀏覽器對W3C標準有著較好的支持,因此,Bootstrap在網頁誇瀏覽器相容方面也有相當不錯的表現。

bootstrap 2和3的區別

1、自Bootstrap3起,框架包含了貫穿整個庫的行動裝置優先的樣式。

所以如果你想要透過響應式技術來使得自己的網站建設專案能夠在PC、平板以及手機上同時有足夠優秀的視覺效果與用戶體驗,那麼你就可以毫不猶豫地選擇Bootstrap3了。

2、Bootstrap2採用漸層凹凸風格,Bootstrap3採用扁平化設計風格

如果你是喜歡漸層凹凸風格的,就可以選擇採用Bootstrap2來進行開發;反之,如果你喜歡扁平化設計風格,那就可以採用Bootstrap3了。

#3、bootstrap3的瀏覽器相容性方面比Bootstrap2好

如果你需要相容IE8甚至是IE7和IE6,那麼只能選擇Bootstrap2,雖然它自身在IE6的效果也不完美。

bootstrap3和Bootstrap2的區別

Bootstrap3之於Bootstrap2最大的變化是行動優先、扁平化設計、以及瀏覽器相容性方面。

Bootstrap2採用漸層凹凸風格,Bootstrap3採用扁平化設計風格。

瀏覽器相容性角度

瀏覽器相容性,一直是前端工程師心中拔不去的刺,IE8、IE7甚至IE6在國內的佔有率迫使很多web應用不得不去兼容它們。

所以在選擇一個框架之前,你必須對自己的客戶群有所了解,從而對相容性進行取捨。

相關推薦:bootstrap教學

#

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

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