萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 優秀的Bootstrap開源前端框架簡介

優秀的Bootstrap開源前端框架簡介

Bootstrap開源前端框架簡介。Bootstrap是著名的社交網站、微博的先驅Twitter在2011年8月推出的開源WEB前端 框架,集合CSS和HTML,使用了最新的浏覽器技術,為快速WEB開發提供了一套前端工具包,包括布局、網格、表格、按鈕、表單、導航、提示等等。使用 Bootstrap可以構建出非常優雅的前端界面,而且占用資源非常小。

Bootstrap發布時間不長,但是已經非常成熟了,目前最新版本是2.2.1,包括完整的CSS編譯和非編譯版本,樣例模板和Javascript插件。Bootstrap2.0把現有框架進行了清晰的功能劃分,主要分為框架(Scaffolding),基礎CSS,構件庫和jQuery插件庫。

Scaffolding主要提供基於網格的各種布局,包括普通網格系統、嵌入式網格,固定布局、自適應布局,同時可以對網格和布局進行自定義。

Bootstrap2.0提供了響應式設計,可以通過單個文件支持各種手持設備,自適應不同的設備和屏幕變化。

基礎CSS包括各種排版樣式(標題、段落、引用塊、列表、內聯標簽等),代碼展示方面提供了基於code標簽的內嵌代碼,基於pre的塊代碼和基於Google Prettify的代碼樣式。同時提供各種表格、表單、按鈕、圖標的展示方式。

構件庫提供了基於按鈕、導航、標簽、排版、警告、進度欄、圖像網格等控件。

jQuery插件庫則提供了十幾種插件實現動態效果,例如Modal、Dropdown、Tab、Tooltip、Popover、Carousel等,開發者可以根據自己的業務需求使用不同的插件實現各種動態效果。

以上就是我們給大家介紹的Bootstrap開源前端框架簡介了。希望大家繼續關注我們的網站!

copyright © 萬盛學電腦網 all rights reserved