詳解Bootstrap的純CSS3箭頭按鈕樣式

簡單教學

這是一款基於Bootstrap的純CSS3箭頭按鈕樣式。此按鈕透過修改原生Bootstrap的按鈕樣式，來產生指向左側或右側的箭頭按鈕。

【相關影片推薦：Bootstrap教學】

 安裝

可以透過npm或bower來安裝該Bootstrap箭頭按鈕文件。

npm install bootstrap-directional-buttons
 
bower install bootstrap-directional-buttons

 使用方法

在頁面中引入bootstrap樣式檔案和bootstrap-directional-buttons.css檔案

<link>
<link>

HTML結構

使用是只需要為按鈕新增btn-arrow-left或btn-arrow-rightclass類別即可。如果希望一組箭頭按鈕之間沒有空隙，可以將它們放置在一個帶有btn-group的class類別的容器中。

<button>箭头向左的按钮</button>
<button>箭头向右的按钮</button>

更多詳解Bootstrap的純CSS3箭頭按鈕樣式相關文章請關注PHP中文網！

相關文章：

jQuery基於BootStrap樣式實現無限極地區聯動

詳解Bootstrap實現漂亮簡潔的CSS3價格表實例源碼

使用Bootstrap表單製作實例程式碼