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

如何使用 CDN 將 Glyphicons 包含在 Bootstrap 3 專案中?

DDD
發布: 2024-11-03 20:57:29
原創
229 人瀏覽過

How to include Glyphicons in your Bootstrap 3 project using a CDN?

Bootstrap 3 Glyphicons CDN

將Glyphicons 添加回Bootstrap 3 儲存庫後,透過CDN 存取它們現在比以往任何時候都更容易訪問它們現在比以往任何時候都更容易訪問它們

將Bootstrap CDN 與Glyphicons 結合使用

更新後的Bootstrap CSS 檔案現在包含Glyphicons 及其相依性。要將它們包含在您的專案中,您只需引用Bootstrap 的CDN:

在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>
登入後複製

請記住對Glyphicon 元素使用「.glyphicon」類別而不是「.icon」。

單獨使用Glyphicons

如果您想使用Glyphicons 無需Bootstrap 的其餘部分,您可以直接引用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 CSS,不會載入Bootstrap 的JavaScript 或其他依賴項。

以上是如何使用 CDN 將 Glyphicons 包含在 Bootstrap 3 專案中?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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