Bootstrap學習筆記

Boostrap中文學習網站： http://v3.bootcss.com/components/

http://www.runoob.com/bootstrap/bootstrap-tutorial.html

圖標

出於性能的考慮，全部圖標都須要一個基類和對應每一個圖標的類。注意，爲了設置正確的內補（padding），務必在圖標和文本之間添加一個空格(如Button)。 圖標類只能應用在不包含任何文本內容或子元素的元素上。

圖標使用實例和icon列表：http://www.runoob.com/bootstrap/bootstrap-glyphicons.html

<h3>圖標</h3>   
<span class="glyphicon glyphicon-home"></span>
<span class="glyphicon glyphicon-signal"></span>
<span class="glyphicon glyphicon-cog"></span>
<span class="glyphicon glyphicon-apple"></span>
<span class="glyphicon glyphicon-trash"></span>
<span class="glyphicon glyphicon-play-circle"></span>
<span class="glyphicon glyphicon-headphones"></span>

咱們將以上面的實例開始，並經過改變字體尺寸、顏色和應用文本陰影來進行定製圖標。

<button type="button" class="btn btn-primary btn-lg" style="font-size: 60px; color: rgb(212, 106, 64); text-shadow: black 5px 3px 3px;">
  <span class="glyphicon glyphicon-user"></span> User
</button>

效果以下：