BootStramp的淺談

BootStrap簡介——-維基百科
BootStrap是一組用於網站和網絡應用程序開發的開源前端的框架,包括HTML,CSS及JavaScript的框架,提供字體排印,窗體,按鈕,導航及其他各種組件及JavaScipt擴展,旨在是動態網頁和web應用的開發更加容易.
Bootstrap原名Twitter Blueprint,由Twitter的Mark Otto和Jacob Thornton編寫,本意是製作一套可以保持一致性的工具和框架。在Bootstrap之前,開發界面需要使用不同的代碼庫,這樣很容易導致不一致的問題,從而增加了維護的負擔。

BootStrap的功能
Bootstrap與最新版的Google Chrome、Firefox、Internet Explorer、Opera和Safari瀏覽器兼容,儘管有些瀏覽器並不是支持所有操作系統.
從2.0版本開始,Bootstrap支持響應式網頁設計(RWD)。頁面佈局可以根據顯示網頁的設備(桌面、平板電腦、手機)來進行動態調整。
從3.0版本開始,BootStrap將移動設備有限作爲設計方針,更加強調響應式設計

結構與功能
BootStrap採用模塊化設計,並用LESS樣式語言來實現各種組件和工具.一個名爲bootStrap.less的文件包含這些組件和工具,開發者可以修改這個文件,自行決定項目需要哪些組件.
通過一個基本配置文件可以進行有限的定製,此外也可以進行更加深入的定製。
LESS語言支持變量、函數、運算符、組合選擇器和一個叫做Mixin(混入)的功能。
網絡系統和響應四設計以1170像素寛爲基準.此外開發者也可以定義基準.Bootstrap都能提供四種變體:手機豎屏、手機橫屏和平板電腦、PC低分辨率、高分辨率,每個變體都會自動調整網格寬度。

CSS
BootStrap對一系列HTML組件基本樣式進行了定義,並且爲文本,表格和表單元素設計了一套獨特的,現代化樣式.

可重用組件
除了基本的HTML元素,BootStrap還包括了其他常用的界面元素,例如帶有高級功能的按鈕(例如按鈕組合、帶有下拉菜單選項的按鈕、導航欄、水平和垂直標籤組、導航、分頁等等)、標籤、高級排版、縮略圖、警告信息、進度條等。

JavaScript組件
通過jQuery,Bootstrap加入了一些JavaScript組件。它們提供了例如對話框、工具提示、輪播等功能。此外還增強了一些用戶界面元素的功能,例如輸入框的自動完成。Bootstrap 2.0支持以下JavaScript插件:Modal(模態對話框)、Dropdown(下拉菜單)、Scrollspy(滾動監聽)、Tab(標籤頁)、Tooltip(工具提示)、Popover(浮動提示)、Alert(警告)、Button(按鈕)、Collapse(摺疊)、Carousel(輪播)、Typeahead(輸入提示)、Affix(附加導航).

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章