Bootstrap入門-記錄

我知道框架適合快速Web開發,可是沒用過。javascript

今天,第一次嘗試。css

相關資料有:html

官方中文文檔 官方的文檔寫的很是的詳細,每個須要的細節都在裏面java

ventlam 寫的BootStrap入門教程 (一)~(四)中國人寫的入門教程,不如官方文檔那麼詳細,但更容易看懂json

過程:bootstrap

1 首先去BootStrap的官網下載框架。BooStrap容許經過組合不一樣的less文件(.css)和JQuery插件(.js)進行定製。框架

爲了正確的選擇,首先要通讀官方文檔。less

2 去JQuery官網下載JQuery.js​.net

3 爲了將BootStrap引入項目,首先將bootstrap.css bootstrap.js和JQuery.js拷貝到項目中。插件

4 新建html文件將以上3個文件引入,須要注意的是​全部javascript都依賴JQuery,JQuery須要在Bootstrap前引入

5 運用框架中已經存在的類進行編寫

已經解決的問題:

1 最開始的時候不理解框架的概念,其實就是別人寫好的css和js文件。

2 由於不理解框架的概念,全部也不明白該怎麼引入。後來發現,只要引入css和js文件就能夠了。

3 在引入文件的時候,一直不成功。最終發現<link rel="stylesheet" href="tt/css/bootstrap.css">中,tt前不用加/。

仍然存在的問題

1 我對BootStrap的理解是否正確。之因此有這個疑問是由於,config.json文件我還沒看懂,不知道它是用來作什麼的。

2 bootstrap.js和bootstrap.min.js的區別。我明白這兩個文件一個是壓縮過的,另外一個不是,但這兩個文件在用法上有什麼區別呢?

這個問題我已經明白了,bootstrap.css 是完整的bootstrap樣式表,未經壓縮過的,可供開發的時候進行調試用。詳細說明在Bootstrap裏的文件分別表示什麼?都有什麼用?

相關文章
相關標籤/搜索