作為本學習筆記的第一篇,開篇之作,我們還是跟其他系列的文章一樣,先來點Bootstrap的介紹,再循序漸進吧。
前言
在上一節中http://www.companysz.com/web/248352.html主要是簡單的介紹了一下Bootstrap。從http://www.bootcss.com/中文網不難發現現在是針對兩個版本進行文檔說明,看來兩個版本的差別還是蠻大的。
不過從Visual Studio 2013的更新中看,微軟是將Bootstrap3的新版本加入到了VS當中,所以也沒什么好說的了,學習Bootstrap3也沒什么顧慮了。
下載BootStrap
官網的文件很詳細簡單,對于下載來說也有多種方式。對于我們開發者來說,估計最簡單的方式就是直接下載編譯和壓縮后的CSS、JavaScript文件,另外還包含字體文件,但是不包含文檔和源碼文件。打開解壓包之后可以發現包含三個文件夾 css、fonts、js。
可以來查看三個文件夾中的文件
這是最基本的Bootstrap組織形式:未壓縮版的文件可以在任意web項目中直接使用。我們提供了壓縮(bootstrap.min.*)與未壓縮 (bootstrap.*)的CSS和JS文件。字體圖標文件來自于Glyphicons。
bower.json中列出了Bootstrap所支持的jQuery版本。
可以看到依賴的jQuery庫的版本>=1.9.0即可。
下面通過訪問http://jquery.com/
我來下載最新的版本2.03
可以通過IE直接訪問http://code.jquery.com/jquery-2.0.3.min.js
另存到與Bootstrap文件夾下的js文件夾里面。
注意:所有Bootstrap插件都依賴jQuery。而且在正式的項目當中我們推薦使用壓縮之后的版本,因為它的體積很小(里面取出了注釋的文字和空白)。
在網頁中使用Bootstrap
我們創建了一個最簡單的基本模版
復制代碼學習交流
- 綠毒越獄軟件 完美越獄4.21教程12-21
- htcg15怎么刷機?htcg15刷機教程12-21
- HTC hd7刷安卓2.2全教程12-21
- mpkg軟件下載和卸載的方法12-21
- 網站后臺系統設置的網站地址格式寫法07-09
- 防止重復提交js按鈕變灰07-09
- 不同時間顯示不同的廣告代碼07-09
- iframe框架調用高度自適應方法07-09
- 備份數據庫出現問題的解決方法07-09
熱門圖片猜你喜歡的新聞
新聞熱點
疑難解答