1. 程式人生 > >BootStrap的下載及使用方法

BootStrap的下載及使用方法

關於BootStrap使用很簡單,先進入它的官網http://www.bootcss.com/

我們看上方的版本,這裡咱們點開Bootstrap3,主頁如圖下

 

 

 

 

點選下載

下載左側獲得相關的css、javascript、font等檔案,

這裡的話,博主用的是3.3.5版本,下載網址:https://github.com/twbs/bootstrap/releases/tag/v3.3.5

 

 

下載完成後開啟

我們將這三個資料夾拖入我們的開發工具中,這裡博主用的開發工具是HBuilder( 支援國產!並且非常好用,國人的驕傲!)

建立一個index.html,匯入相關css、js

程式碼

然後具體怎麼去使用bootstrap的樣式和元件之類的咱們不需要去背,從官網的上方去選擇自己需要的樣式,將相關程式碼copy下來再自己去調整即可

博主示範一下,在元件中選擇了

將程式碼複製到博主程式碼中

執行效果如下:

在bootstrap中有很多元件、樣式等,我們很難去找所需要的元件等,可以在頁面中按Ctrl+F,快速查詢,如下圖:

 

完畢!