:::
7. 間隔工具
8. 按鈕
一、BootStrap4 按鈕
- 詳情：http://bootstrap.hexschool.com/docs/4.0/components/buttons/
- 按鈕可用在
<button>、<input type="button">及<a>上 - 用法如下：
<button class="btn btn-primary btn-block">主按鈕</button>
二、新增自定義按鈕
- 自行定義按鈕工具：http://blog.koalite.com/bbg/
- 定義出來的按鈕可以放在 css/my.css 中
- 若希望底色是透明的，可以在產生後，自行將背景顏色取代為
transparent
三、製作圖示按鈕
- 請連至 http://fontawesome.io/icons/ 搜尋需要的圖示
- 複製該圖示語法到檔案中即可，進階的圖示用法可參考：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> - 若欲調整按鈕字形大小或其他屬性，可以自行在 css/my.css 中加入 CSS 宣告
.btn-tools div { font-size: 12px; margin-top: 4px; }
