Maison >interface Web >tutoriel CSS >Comment puis-je utiliser le CDN Bootstrap 3.0 pour inclure les 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 :
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!