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中文網其他相關文章!