Comment inclure des Glyphicons dans votre projet Bootstrap 3 à l'aide d'un CDN ?

Bootstrap 3 Glyphicons CDN

Avec l'ajout de Glyphicons dans le référentiel Bootstrap 3, y accéder via un CDN est désormais plus facile que jamais avant.

Utilisation du CDN Bootstrap avec des Glyphicons

Le fichier CSS Bootstrap mis à jour inclut désormais les Glyphicons et ses dépendances. Pour les inclure dans votre projet, vous pouvez simplement référencer le CDN de Bootstrap :

En HTML :

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"></code>

En CSS :

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");</code>

N'oubliez pas d'utiliser les classes ".glyphicon" au lieu de ".icon" pour les éléments Glyphicon.

Utiliser les glyphicons séparément

Si vous souhaitez utiliser Glyphicons sans le reste de Bootstrap, vous pouvez directement référencer le fichier CSS Glyphicons sur Bootstrap CDN :

En HTML :

<code class="html"><link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"></code>

En CSS :

<code class="css">@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");</code>

Notez que cette approche inclut uniquement le CSS Glyphicons et ne charge pas le JavaScript de Bootstrap ou d'autres dépendances.

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!