How Can I Use Bootstrap 3 Glyphicons with the Latest Release?

Bootstrap 3 Glyphicons: Back to the CDN

With the latest release of Bootstrap 3, the Glyphicons icon font has been restored to the main repository. In response to the community's feedback, Bootstrap has decided to keep this essential icon library readily available to users.

CDN URL for Bootstrap 3 Glyphicons

You can now include the Glyphicons in your project by referencing the following CDN URL in your HTML or CSS:

//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css

Note: This CDN reference includes both the Bootstrap CSS and Glyphicons.

Using Glyphicons Independently

If you prefer to use Glyphicons separately from Bootstrap, you can do so by referencing the dedicated Glyphicons CSS file:

//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css

Class Names and Dependencies

In the latest version of Bootstrap, icon classes use the ".glyphicon" prefix instead of the old ".icon" prefix. Additionally, all necessary Glyphicons dependencies are included in the referenced CSS files, so no additional setup is required.

Additional Features

In addition to restoring Glyphicons, the update includes:

• Restored documentation
• New variables for flexibility in adding and removing icon fonts
• Upgraded to the latest Glyphicons (with 40 new icons)
• Removal of the old Glyphicons reference from the CSS page

Conclusion

The restoration of Glyphicons to Bootstrap simplifies the integration of icons in your projects. Whether you need to use Glyphicons as part of Bootstrap or independently, the CDN URLs provided in this article will help you get started quickly and easily.

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