Иконка Bootstrap не отображается

Вопрос: В документации по загрузке я прочитал о значках и попытался включить их в свой файл, как это Getting started with bootstrap

Вопрос:

В документации по загрузке я прочитал о значках и попытался включить их в свой файл, как это

<!doctype html> <html> <head> <meta charset = «utf-8″> <meta name=»viewport» content=»width=device-width, initial-scale=1.0″> <title> Getting started with bootstrap</title> <link href =»css/bootstrap.css» rel =»stylesheet» type=»text/css»> <!— HTML5 shim for IE backwards compatibility —> <!—[if lt IE 9]> <script src=»http://html5shim.googlecode.com/svn/trunk/html5.js»></script> <![endif]—> </head> <body> <div class =»container-fluid»> <header class= «row-fluid»> <h1 class=»span12″ >This is my first Bootstrap page.</h1> </header> <i class=»icon-calendar»></i> </div> <script src = «js/jquery-1.10.2.min.js»></script> <script src = «js/bootstrap.min.js»</script> </body> </html>

Но ничего не происходит. Изображение календаря не видно.

Лучший ответ:

Хорошо, вот ответ. Поскольку вы используете Bootstrap 3, вы забыли включить пакет значков. Вот как вы должны это сделать:

<span class=»glyphicon glyphicon-ok»></span>.

  1. Перейдите сюда:
  2. Нажмите Загрузить из Github
  3. Распакуйте папку и скопируйте содержимое папки CSS в свою собственную папку CSS.
  4. Скопируйте папку шрифтов так же, как в том же каталоге, что и ваша папка css.
  5. Затем, добавив шрифты и css, добавьте код, как показано выше.

Ответ №1

Попробуй это

<i class=»icon icon-calendar»> </i> Ответ №2

bootstrap 3 уже не содержит глификонов в базовом пакете. Из справочника Bootstrap 3 RC2,

С запуском Bootstrap 3 значки были перемещены в отдельный репозиторий. Это делает основной проект максимально возможной, облегчает обмен файлами библиотек значков и делает шрифты значков Glyphicons более доступными для большего количества людей вне Bootstrap.

Оцените статью
Добавить комментарий