如何將 Twitter Bootstrap Glyphicons 與恢復的 CDN 結合使用？

Bootstrap 3 Glyphicons CDN：恢復和改進

最近，Twitter Bootstrap 歡迎將 Glyphicons 圖示字體重新引入其核心儲存庫。由於意識到圖示在使用者介面中的廣泛使用，Bootstrap 團隊恢復了 Glyphicons，並進行了許多增強功能：

• 文件現已在元件頁面上恢復。
• 新變數（@icon-font-path 和 @icon-font-name）在使用圖示字體時提供更大的彈性。
• 整合了最新版本的 Glyphicons，新增了 40 個新圖示。
• 任何提及舊 Glyphicons 的內容均已從 CSS 頁面中刪除。

Twitter Bootstrap Glyphicons 的 CDN URL

將 Glyphicons 合併回 Bootstrap repo 中，Bootstrap CDN 現在提供完整的 Boot CSS 3.0 CSS，包括 Gphicons。只需引用 Bootstrap CSS，即可完成設定：Glyphicons 及其相依性可在相對路徑上使用，並合併到 bootstrap.min.css 中。

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"></code>

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");</code>

獨立Glyphicons (可選）

如果您喜歡單獨使用Glyphicons，您可以參考Bootstrap CDN 上的專用 CSS 檔案：

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"></code>

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");</code>

此方法包括所有必要的Glyphicons 依賴項，因此您可以立即開始使用它們。

注意：

使用.glyphicon 類而不是.icon
• 用於JavaScript 組件，包括bootstrap.min.js

以上是如何將 Twitter Bootstrap Glyphicons 與恢復的 CDN 結合使用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！