Maison >interface Web >tutoriel CSS >Comment puis-je utiliser le CDN Bootstrap 3.0 pour inclure les Glyphicons mis à jour ?

Comment puis-je utiliser le CDN Bootstrap 3.0 pour inclure les Glyphicons mis à jour ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-04 17:56:02391parcourir

How can I use Bootstrap 3.0 CDN to include the updated Glyphicons?

Bootstrap 3.0 CDN inclut des Glyphicons mis à jour

La police d'icônes Bootstrap Glyphicons a récemment été réintégrée dans le référentiel Bootstrap principal, ce qui facilite son intégration dans les projets. Bootstrap CDN sert désormais le CSS Bootstrap 3.0 complet, y compris les Glyphicons.

Incluant le CSS Bootstrap pour les Glyphicons :

Pour utiliser les Glyphicons, incluez simplement la référence CSS Bootstrap dans votre code HTML. ou 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>

Remarque : Vous devez utiliser les classes .glyphicon au lieu de .icon pour les Glyphicons.

Référence des Glyphicons indépendants :

Si vous préférez utiliser les Glyphicons séparément de Bootstrap, vous pouvez directement inclure le fichier CSS Glyphicons de Bootstrap CDN :

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>

Cela inclut toutes les dépendances nécessaires, permettant une utilisation autonome des Glyphicons.

Remarques supplémentaires :

  • Bootstrap.min.js est toujours requis pour les composants JavaScript.
  • Les classes .icon ont été remplacées par les classes .glyphicon.
  • La police Glyphicons a été mise à jour avec 40 nouvelles icônes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn