日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

這篇文章將為大家詳細講解有關(guān)bootstrap字體圖標的使用方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)服務項目包括淄川網(wǎng)站建設、淄川網(wǎng)站制作、淄川網(wǎng)頁制作以及淄川網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，淄川網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到淄川省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

什么是字體圖標

字體圖標是在 Web 項目中使用的圖標字體。雖然，Glyphicons Halflings 需要商業(yè)許可，但是您可以通過基于項目的 Bootstrap 來免費使用這些圖標。

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

獲取字體圖標

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

●glyphicons-halflings-regular.eot

●glyphicons-halflings-regular.svg

●glyphicons-halflings-regular.ttf

●glyphicons-halflings-regular.woff

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

用法

如需使用圖標，只需要簡單地使用下面的代碼即可。請在圖標和文本之間保留適當?shù)目臻g。

下面的實例演示了如何使用字體圖標：

    
        
    
    
        
    
    
        
    
    
        
    

     User
     User
     User

結(jié)果如下所示：

帶有字體圖標的導航欄

定制字體圖標

我們已經(jīng)看到如何使用字體圖標，接下來我們看看如何定制字體圖標。

我們將以上面的實例開始，并通過改變字體尺寸、顏色和應用文本陰影來進行定制圖標。

下面是開始的代碼：

   User

效果如下所示：

定制字體尺寸

通過增加或減少圖標的字體尺寸，您可以讓圖標看起來更大或更小

   User

定制字體顏色

   User

應用文本陰影

   User

關(guān)于bootstrap字體圖標的使用方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

標題名稱：bootstrap字體圖標的使用方法-創(chuàng)新互聯(lián)
當前地址：http://www.dlmjj.cn/article/dciods.html