1、Make Images Mobile Responsive
用處： 讓圖片適合你的頁寬。
作業： 新增圖片 .img-responsive class屬性。
<img src="/images/cat.jpg" class="img-responsive">
2、Center Text with Bootstrap
用處： 讓文字置中。
操作： 新增文字 center-text class屬性。
<p class="text-center">Hi, I'm Yamei.</p>
#補充： .text-right、.text-left、.text-primary（文字內容附有個primary class） 、.text-success、.text-muted（減弱）、.text-info、.text-warning、.text-danger
3、Create a Bootstrap Button
用途： 建立一個Bootstrap自己button風格的按鈕。
操作： 新增文字 btn class屬性。
<button class="btn">Like</button>
效果如下：
4、Create a Block Element Bootstrap Button
用途： 塊級按鈕(拉伸至父元素100%的寬度)。 建立一個區塊級的按鈕，按鈕將會伸展並填滿頁面，任何在區塊之後的元素將會自動浮動到下一行（換行）。
原理如下圖（圖片來自fcc）：
#操作： 保留 .btn class屬性，加入.btn-block。
<button class="btn btn-block">Like</button>
效果如下：
#5、Taste the Bootstrap Button Color Rainbow
##用途： 新增一個class為.btn-primary的原始(藍色)按鈕。
操作： 保留 .btn .btn-block
# class屬性，加入.
btn-primary。
<button class="btn btn-block btn-primary">Like</button>
效果如下：
##補充：
.btn-danger、.btn-warning（謹慎操作的按鈕）、.btn-info(用於要彈出資訊的按鈕)、.btn-default、.btn-link（讓按鈕看起來像個鏈接，但仍保持按鈕的行為）、.btn-success .btn-lg、.btn-sm、.btn-xs，分別為大、小、超小 ############ ####### ## #### *以上是我個人在FCC學習中的整理的筆記，小白一枚，如有錯誤歡迎大家留言指出~######【相關影片推薦：######Bootstrap教程######】###以上是分享一個Bootstrap的知識詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
