bootstrap入門教程

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

Bottstrap具備以下幾個特色:html

1.移動設備優先:自 Bootstrap 3 起,框架包含了貫穿於整個庫的移動設備優先的樣式前端

2.瀏覽器支持:全部的主流瀏覽器(IE、chrome、firefox、safari、opera)都支持bootstrapchrome

3.容易上手:具有 HTML 、CSS 的基礎知識,就能夠開始學習 bootstrapbootstrap

4.響應式設計:Bootstrap 的響應式 CSS 可以自適應於臺式機、平板電腦和手機瀏覽器

使用bootstrap,先要在項目中引入bootstrap所需的幾個文件(能夠到Bootstrap中文網 -- www.bootcss.com去下載,推薦使用3.3.7版本,由於4.0.0版本不知道爲何把導航欄nav去掉了):框架

而後能夠去官網查看組件的使用:https://v3.bootcss.com/components/學習

而後再給你們安利一個網址--http://www.runoob.com/bootstrap/bootstrap-glyphicons.html,裏面也有bootstrap的各類使用案例。firefox

相關文章
相關標籤/搜索