Как использовать бутстрап-глификон в версии 3.0.0?

Я использую Glyphicons в Bootstrap. Я звонил в CSS прямо из http://glyphicons.getbootstrap.com/css/bootstrap-glyphicons.css, но теперь он исчез и не рекомендуется.

Это, по-видимому, совпадает с Twitter, что делает Glyphicons доступным в пакете Bootstrap снова. Я использую Bootstrap 3.0.0 RC1 или RC2.

Моя проблема: я понятия не имею, как использовать значки на моем собственном хостинге... Кажется, код содержится в файле bootstrap.css(?). Я загрузил каталог "fonts", но я просто получаю пустые значки с пустым ящиком, где должны быть правильные значки.

Любые идеи, пожалуйста? Что должно быть где и как оно должно называться?

Ответы

Ответ 1

Файл bootstrap-glyphicons.css, кажется, был удален с окончательным \production Bootstrap 3.0.0. Просто скачайте zip из http://getbootstrap.com/, а затем скопируйте файл dist/css/bootstrap.min.css в папку css. Затем вы должны включить его на свою HTML-страницу следующим образом:

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

Источник: http://getbootstrap.com/getting-started/

Ответ 2

Если вы уже поместили в каталог шрифтов, вызов значков теперь будет <span class="glyphicon glyphicon-pencil"></span> вместо <i class="icon-large icon-pencil"></i>.

Ответ 3

Просто убедитесь, что ваша папка шрифтов установлена ​​правильно относительно файла .css: ../fonts

some-root-folder
├--my-css-folder
|  └--bootstrap.min.css
└--fonts
   └--glyphicons-halflings-regular.ttf