8. 按鈕

一、BootStrap4 按鈕

1. 詳情：http://bootstrap.hexschool.com/docs/4.0/components/buttons/
2. 按鈕可用在 <button> 、<input type="button"> 及 <a> 上
3. 用法如下：

   <button class="btn btn-primary btn-block">主按鈕</button>

二、新增自定義按鈕

1. 自行定義按鈕工具：http://blog.koalite.com/bbg/
2. 定義出來的按鈕可以放在 css/my.css 中
3. 若希望底色是透明的，可以在產生後，自行將背景顏色取代為 transparent

三、製作圖示按鈕

1. 請連至 http://fontawesome.io/icons/ 搜尋需要的圖示
2. 複製該圖示語法到檔案中即可，進階的圖示用法可參考：http://fontawesome.io/examples/

   <a href="#" class="btn btn-tools">
       <i class="fa fa-search fa-2x fa-flip-horizontal" aria-hidden="true"></i>
       <div>站內搜尋</div>
   </a>

3. 若欲調整按鈕字形大小或其他屬性，可以自行在 css/my.css 中加入 CSS 宣告

   .btn-tools div { 
     font-size: 12px;
     margin-top: 4px;
   }