1. 下載bootstrap

引用 CSS 和 JS 文件，引用js之前要先引用jquery

2. button

可加的class樣式有

1. <button class="btn">提交</button>  
2. <button class="btn-primary">提交</button>
3. 上面兩個(gè)一起用<button class="btn-primary btn">提交</button> 
4. <button class="btn-block">提交</button> //讓button占一整行寬

3. form

可加的class樣式有

//可在input里加
<input class="form-control" type="text">

4. 提醒事項(xiàng)

登陸成功，正在跳轉(zhuǎn)
<div class="alert alert-success">登陸成功</div>

5. 欄柵系統(tǒng)（響應(yīng)式布局）

bootstrap默認(rèn)每一行是12列

<div class=container>  //自動(dòng)居中
  <div class=row>  //一行分成12份
    <div class=col-md-1>1</div>  //這兩個(gè)分別占1份和11份
    <div class=col-md-11>11</div>
  </div>
  <div class=row>  //第二行
    <div class="col-md-9 col-md-offset-3">9</div>  //這樣這個(gè)div會(huì)往右邊對(duì)齊，因?yàn)榈诙€(gè)class代表往右偏3格
  </div>
  <div class=row>  //第三行
    <div class="col-xs-6 col-md-1 col-sm-3">6</div>  
    //在屏幕寬度很小的時(shí)候（手機(jī)）占6份
    //中等（電腦）的時(shí)候占1份
    //?。╥pad）的時(shí)候占3份
    //超大屏(col-lg-12)
  </div>
</div>

6. 秘訣

直接復(fù)制官網(wǎng)的html代碼，復(fù)雜css組件，js組件，定制bootstrap可以自己改樣式、顏色

7. 小技巧

靠右：不寫col-md-...，直接寫pull-right

8. 主題

下載的文件里有bootstrap.theme.css