How Can I Use Twitter Bootstrap Glyphicons with the Restored CDN?

Bootstrap 3 Glyphicons CDN: Restored and Revamped

Recently, Twitter Bootstrap welcomed back the Glyphicons icon font to its core repository. Recognizing the widespread use of icons in user interfaces, the Bootstrap team has reinstated Glyphicons, along with a number of enhancements:

• Documentation is now restored on the Components page.
• New variables (@icon-font-path and @icon-font-name) provide greater flexibility when working with icon fonts.
• The latest version of Glyphicons has been integrated, adding 40 new icons.
• Any mention of the old Glyphicons has been removed from the CSS page.

CDN URL for Twitter Bootstrap Glyphicons

With the merge of Glyphicons back into the Bootstrap repo, the Bootstrap CDN now serves the complete Bootstrap 3.0 CSS, including Glyphicons. Simply reference the Bootstrap CSS, and you're all set: Glyphicons and its dependencies are available on relative paths and are incorporated into 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>

Standalone Glyphicons (Optional)

If you prefer to use Glyphicons separately, you can reference the dedicated Glyphicons CSS file on the Bootstrap CDN:

<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>

This approach includes all the necessary Glyphicons dependencies, so you can start using them right away.

Note:

• Use .glyphicon classes instead of .icon
• For JavaScript components, include bootstrap.min.js

The above is the detailed content of How Can I Use Twitter Bootstrap Glyphicons with the Restored CDN?. For more information, please follow other related articles on the PHP Chinese website!