bootstrap中如何使用字體圖標(biāo)-創(chuàng)新互聯(lián)

本篇文章為大家展示了bootstrap中如何使用字體圖標(biāo)，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

10年積累的網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)制作后付款的網(wǎng)站建設(shè)流程，更有富蘊(yùn)免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

什么是字體圖標(biāo)

字體圖標(biāo)是在 Web 項(xiàng)目中使用的圖標(biāo)字體。雖然，Glyphicons Halflings 需要商業(yè)許可，但是您可以通過(guò)基于項(xiàng)目的 Bootstrap 來(lái)免費(fèi)使用這些圖標(biāo)。

為了表示對(duì)圖標(biāo)作者的感謝，希望您在使用時(shí)加上 GLYPHICONS 網(wǎng)站的鏈接。

獲取字體圖標(biāo)

在 fonts 文件夾內(nèi)可以找到字體圖標(biāo)，它包含了下列這些文件：

●glyphicons-halflings-regular.eot

●glyphicons-halflings-regular.svg

●glyphicons-halflings-regular.ttf

●glyphicons-halflings-regular.woff

相關(guān)的 CSS 規(guī)則寫(xiě)在 dist 文件夾內(nèi)的 css 文件夾內(nèi)的 bootstrap.css 和 bootstrap-min.css 文件上。

用法

如需使用圖標(biāo)，只需要簡(jiǎn)單地使用下面的代碼即可。請(qǐng)?jiān)趫D標(biāo)和文本之間保留適當(dāng)?shù)目臻g。

下面的實(shí)例演示了如何使用字體圖標(biāo)：

                                                                
     User     User     User

結(jié)果如下所示：

帶有字體圖標(biāo)的導(dǎo)航欄

                                        Toggle navigation                                                                        Project name