首頁 > web前端 > css教學 > 主體

如何在最新版本中使用 Bootstrap 3 Glyphicons?

Mary-Kate Olsen
發布: 2024-11-03 14:29:02
原創
428 人瀏覽過

How Can I Use Bootstrap 3 Glyphicons with the Latest Release?

Bootstrap 3 Glyphicons:回到 CDN

隨著 Bootstrap 3 的最新版本,Glyphicons 圖示已恢復為主要圖示儲存庫。為了回應社群的回饋,Bootstrap 決定讓這個重要的圖示庫隨時可供使用者使用。

Bootstrap 3 Glyphicons 的CDN URL

您現在可以包含透過在HTML 或CSS 中引用以下CDN URL 來在專案中使用Glyphicons:

//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css
登入後複製

注意: 此CDN 參考包括 Bootstrap CSS 和Glyphicons。

獨立使用Glyphicons

如果您喜歡與Bootstrap 分開使用Glyphicons,您可以透過引用專用的Glyphicons CSS 檔案來實現:

//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css
登入後複製
>

類別名稱與依賴關係

在最新版本的Bootstrap 中,圖示類別使用「.glyphicon」前綴而不是舊的「.icon」前綴。此外,所有必要的 Glyphicons 依賴項都包含在引用的 CSS 檔案中,因此不需要額外的設定。

其他功能

除了恢復Glyphicons 之外,更新還包括:

    恢復文件
  • 恢復文件
  • 新變數可靈活新增和刪除圖示字體
  • 升級到最新的Glyphicons(包含40 個新圖示)

從CSS 頁面中刪除舊的Glyphicons 引用

結論將Glyphicons 恢復到Bootstrap 簡化了專案中圖示的整合。無論您需要將 Glyphicons 作為 Bootstrap 的一部分還是獨立使用,本文提供的 CDN URL 都將幫助您快速輕鬆地開始使用。

以上是如何在最新版本中使用 Bootstrap 3 Glyphicons?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板