首頁  >  文章  >  web前端  >  bootstrap有哪些技術特點

bootstrap有哪些技術特點

coldplay.xixi
coldplay.xixi原創
2021-01-20 11:54:477587瀏覽

bootstrap技術的特點:1、適應各種技術水平,既能用來開發簡單的小東西,也能構造複雜的應用;2、跨設備和瀏覽器;3、12列柵格佈局,可以讓開發變得更簡單;4、響應式設計,所有的組件都能根據分辨率和設備靈活縮放,從而提供一致性的用戶體驗;5、樣式化的文檔;6、提供了幾十個全功能的隨時可用的組件;7、定制的jQuery插件;8、用LESS或Sass構建。

bootstrap有哪些技術特點

本文操作環境:Windows7系統,bootstrap 4版本,Dell G3電腦。

Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript 開發的簡潔、直覺、強悍的前端開發框架,使得 Web 開發更加快速。

bootstrap技術的特點:

Bootstrap 的口號是Designed for everyone, everywhere.(適用於任何場景,適用於每一個人),主要有以下特點:

1、適應各種技術水平

Bootstrap適應不同技術水平的從業者,無論是設計師還是程式設計師,大牛還是菜鳥。既能用來開發簡單的小東西,也能建構複雜的應用。

2、跨設備,跨瀏覽器

最初設想中的Bootstrap只支援現代瀏覽器,不過新版本已經能支援所有主流瀏覽器(甚至包括IE7)。從Bootstrap 2開始,提供對平板和智慧型手機的支援。

3、12列柵格佈局

柵格系統不是萬能的,不過在應用的核心層有一個穩定和靈活的柵格系統確實可以讓開發變得更簡單。可以選用內建的柵格或是自己手寫。

4、響應式設計

從Bootstrap 2開始,提供完整的響應式特性。所有的組件都能根據解析度和裝置靈活縮放,從而提供一致性的使用者體驗。

5、樣式化的文件

與其他前端工具箱不同,Bootstrap優先設計了一個樣式化的使用指南,不僅用來介紹特性,更用以展示最佳實踐,應用以及程式碼實例。

6、不斷完善的函式庫

儘管只有10kb(gzip壓縮後),Bootstrap仍是最完整的前端工具箱之一,提供了幾十個全功能的隨時可用的組件。

7、客製化的jQuery外掛

一個出色的元件設計豈能沒有易用易擴充的人機介面? Bootstrap為此提供了客製化的jQuery內建外掛。

8、用LESS或Sass建構

當傳統的枯燥CSS寫法止步不前時,LESS和Sass橫空出世了。 LESS和Sass中使用變量,嵌套等等,讓CSS編寫更快更靈活。

推薦:bootstrap影片教學

以上是bootstrap有哪些技術特點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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