bootstrap怎么用
工具/材料
電腦
Hbuilder
搜狗瀏覽器
bootstrap 3，jQuery插件
操作方法
-
01
打開搜狗瀏覽器，使用搜狗搜索bootstrap。搜索之后，點擊第一個bootstrap選項。
-
02
然后就會進入到這個界面，因為bootstrap是一個插件，所以我們需要把它下載下來。在這里有兩個版本，我就選擇下載3版本的。
-
03
選擇版本之后，點擊“下載”按鈕就可以了。
-
04
如圖，接著會自動跳轉到bootstrap下載界面，這里就點擊第一個，至于源碼，暫時不用管。
-
05
下載之后，就會得到一個壓縮包，我們先要把它解壓出來，這樣才可以使用bootstrap哦。
-
06
如圖，這就是解壓后的文件夾，需要特別注意，不要隨意更改文件夾里面的文件，這點很重要，不然bootstrap可能會失效。我們只需要復制這個文件夾就可以了。
-
07
之后，我們在Hbuilder里面新建一個項目，然后把復制好的文件夾放到JS文件夾下面，或者其他文件夾也可以。然后再把jQuery放到JS文件夾。
-
08
之后，我們來看看bootstrap3.3.7文件夾，可以看到里面有很多css文件以及JS文件。
-
09
接著我們引用bootstrap文件夾里面的一個css文件，一般都是引用bootstrap.css，這個文件包含有很多類，待會我們可以調用它里面的類名。還需要特別注意的是，如果使用了bootstrap里面的JS文件，必須引入jQuery，因為bootstrap依賴于jQuery插件。
-
10
接著我們設置三個按鈕標簽，然后給class添加一些類名，如圖，class引號后面的類名就是bootstrap.css文件里面的類。
-
11
之后，打開瀏覽器，可以看到每個按鈕都有不同的顏色，這樣我們就不用自己去寫css樣式，直接調用類名就可以了哦。
- End
特別提示
最后總結一下，bootstrap里面有很多的類，調用就可以得到相應的樣式，而且再次強調，不要隨便修改bootstrap文件夾里面的文件以及文件路徑！并且如果用到了bootstrap里面的JS文件，一定要引入jQuery哦。當然，在這里我只引用到了css文件。
- 發表于 2017-09-21 00:00
- 閱讀 ( 742 )
- 分類：電腦網絡
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章