Bootstrap Glyphicons
Glyphicons
Bootstrap 提供了來自 Glyphicons Halflings 集合的 260 個 glyphicons。
Glyphicons 可用於文字、按鈕、工具欄、導航、表單等。
以下是一些 glyphicons 的示例
信封 glyphicon：
列印 glyphicon：
搜尋 glyphicon：
下載 glyphicon：
Glyphicon 語法
Glyphicon 的插入語法如下
<span class="glyphicon glyphicon-name"></span>
上面的語法中的 name 部分必須替換為正確的 glyphicon 名稱。
Glyphicon 示例
以下示例展示了使用 glyphicons 的不同方法
示例
<p>信封圖示： <span class="glyphicon glyphicon-envelope"></span></p>
<p>連結中的信封圖示
<a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
</p>
<p>搜尋圖示： <span class="glyphicon glyphicon-search"></span></p>
<p>按鈕上的搜尋圖示
<button type="button" class="btn btn-default">
<span class="glyphicon glyphicon-search"></span> 搜尋
</button>
</p>
<p>帶有樣式的按鈕上的搜尋圖示
<button type="button" class="btn btn-info">
<span class="glyphicon glyphicon-search"></span> 搜尋
</button>
</p>
<p>列印圖示： <span class="glyphicon glyphicon-print"></span></p>
<p>帶有樣式的連結按鈕上的列印圖示
<a href="#" class="btn btn-success btn-lg">
<span class="glyphicon glyphicon-print"></span> 列印
</a>
</p>
自己動手試一試 »完整的 Bootstrap Glyphicon 參考
如需完整的 glyphicons 參考，請訪問我們的完整 Bootstrap Glyphicon 參考。
