twitter-bootstrap - bootstrap - glyphicon pdf
¿Cómo uso Bootstrap Glyphicons en 3.0.0? (4)
Estoy usando Glyphicons en Bootstrap. Estaba llamando al CSS directamente desde http://glyphicons.getbootstrap.com/css/bootstrap-glyphicons.css pero ahora esto ha desaparecido y no se recomendó.
Aparentemente, esto coincide con Twitter haciendo que los Glyphicons estén disponibles en el paquete Bootstrap nuevamente. Estoy utilizando Bootstrap 3.0.0 RC1 o RC2.
Mi problema: no tengo idea de cómo usar los íconos en mi propio hosting ... Me parece que el código está contenido dentro de bootstrap.css (?). He cargado el directorio de "fuentes", pero solo estoy obteniendo íconos en blanco y en un cuadro vacío donde debería haber íconos apropiados.
¿Alguna idea por favor? ¿Cómo debería ser dónde y cómo debería llamarse?
Seguí esta publicación http://www.erikminkel.com/2013/09/01/twitter-bootstrap-3-in-a-rails-4-application . No sé si de la mejor manera, pero funciona.
Si ya ha puesto en el directorio de fuentes, llamar a los íconos ahora sería <span class="glyphicon glyphicon-pencil"></span>
lugar de <i class="icon-large icon-pencil"></i>
.
Solo asegúrese de que la carpeta de fuentes esté colocada correctamente en relación con el archivo ../fonts
: ../fonts
some-root-folder
├--my-css-folder
| └--bootstrap.min.css
└--fonts
└--glyphicons-halflings-regular.ttf
El archivo bootstrap-glyphicons.css
parece haber sido eliminado con la bootstrap-glyphicons.css
final / producción Bootstrap 3.0.0. Simplemente descargue el archivo zip desde http://getbootstrap.com/ y luego copie el archivo dist/css/bootstrap.min.css
en su carpeta css. Entonces deberías incluirlo en tu página HTML como tal:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Glyphicons</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS file -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Glyphicon in a H1 tag -->
<h1>Hello, <span class="glyphicon glyphicon-globe"></span> !</h1>
</body>
</html>