使用Bootstrap設計響應式頁面

使用Bootstrap也很是簡單,你只須要把下面的連接添加到你須要使用Bootstrap來進行佈局的應用的頭部：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap /3.3.1/css/bootstrap.min.css"/>

---

---

經過Bootstrap使圖片適配手機顯示

 <img class="img-responsive" src="/statics/codecamp/images/running-cat.jpg">

經過Bootstrap使文本居中

<h2 class="red-text text-center">your text</h2>//能夠使用空格給標籤訂義多個class

經過Bootstrap添加一個按鈕

<button type="submit" class="btn btn-default">Like</button>

//btn-primary  /

 btn-success

 btn-info

btn-warning

btn-danger

 btn-link

添加一個Bootstrap塊級元素按鈕

btn-block

 text-danger

使用Bootstrap作頁面佈局

<div class="row">//標籤設置了row 這個class屬性以後，按鈕即可並列排列了。
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>