Comment puis-je utiliser les glyphicons d'amorçage de Twitter avec le CDN restauré ?

Bootstrap 3 Glyphicons CDN : restauré et remanié

Récemment, Twitter Bootstrap a de nouveau accueilli la police d'icônes Glyphicons dans son référentiel principal. Reconnaissant l'utilisation généralisée des icônes dans les interfaces utilisateur, l'équipe Bootstrap a rétabli les Glyphicons, ainsi qu'un certain nombre d'améliorations :

• La documentation est désormais restaurée sur la page Composants.
• Nouvelles variables (@icon-font-path et @icon-font-name) offrent une plus grande flexibilité lorsque vous travaillez avec des polices d'icônes.
• La dernière version de Glyphicons a été intégrée, ajoutant 40 nouvelles icônes.
• Toute mention des anciens Glyphicons a été supprimée de la page CSS.

URL CDN pour les Glyphicons Twitter Bootstrap

Avec la fusion des Glyphicons dans le Bootstrap repo, le CDN Bootstrap sert désormais le CSS Bootstrap 3.0 complet, y compris les Glyphicons. Référencez simplement le CSS Bootstrap et vous êtes prêt : les glyphicons et ses dépendances sont disponibles sur des chemins relatifs et sont incorporés dans 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>

Glyphicons autonomes ( Facultatif)

Si vous préférez utiliser les Glyphicons séparément, vous pouvez référencer le fichier CSS Glyphicons dédié sur le CDN Bootstrap :

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

Cette approche inclut tous les éléments nécessaires Dépendances des glyphicons, vous pouvez donc commencer à les utiliser immédiatement.

Remarque :

• Utilisez les classes .glyphicon au lieu de .icon
• Pour Composants JavaScript, notamment bootstrap.min.js

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!