如何使用 Bootstrap 3.0 CDN 包含更新的 Glyphicons？

Bootstrap 3.0 CDN 包含更新的 Glyphicons

Bootstrap Glyphicons 圖示字體最近已重新整合到主 Bootstrap 儲存庫中，使其更容易合併到專案中。 Bootstrap CDN 現在提供完整的 Bootstrap 3.0 CSS，包括 Glyphicons。

包含 Glyphicons 的 Bootstrap CSS：

要使用 Glyphicons，只需在 HTML 中包含 Bootstrap CSS 引用即可或CSS:

HTML:

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

CSS:

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

對於Glyphicons，您必須使用.glyphicon 類別而不是.icon。

獨立 Glyphicons 參考：

如果您喜歡與 Bootstrap 分開使用 Glyphicons，可以直接包含來自 Bootstrap CDN 的 Glyphicons CSS文件：

HTML：

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

CSS：

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

這包括所有必要的依賴項，允許獨立使用Glyphicons。

附加說明：

JavaScript 元件仍需 Bootstrap.min.js。
.icon 類別已替換為 .glyphicon 類別。
• Glyphicons 字型已更新為 40 個新圖示。

以上是如何使用 Bootstrap 3.0 CDN 包含更新的 Glyphicons？的詳細內容。更多資訊請關注PHP中文網其他相關文章！