Почему мои иконки кнопок Bootstrap 3 не отображаются?

Question

В принципе, я пытаюсь отобразить около 5 кнопок, и мне нужно, чтобы у 4 из них были значки.

Я включил следующую ссылку в пределах head моего документ

<link href="bootstrap/css/bootstrap.css" rel="stylesheet"> 

Хотя, кнопки просто показывают с правильным стилем, и ни значка рядом с ними.

Вот код для моих кнопок

<a href="#" class="btn btn-info btn-large"><i class="icon-white icon-home"></i> Home</a> 
<a href="#" class="btn btn-info btn-large"><i class="icon-white icon-info-sign"></i> About</a> 
<a href="#" class="btn btn-info btn-large">FAQ <i class="icon-white icon-question-sign"></i></a> 
<a href="#" class="btn btn-info btn-large">Learn <i class="icon-white icon-check"></i></a> 

В моей папке самозагрузки, у меня есть 3 других папок, названных css, fonts и js. Все они были взяты непосредственно из загрузки Bootstrap.

Я также попытался включить некоторые файлы javascript и другие файлы css, но никаких изменений не было.

Answer 1

Bootstrap 3 изменил значки в формате шрифта, используя набор Glyphicons Halflings.

Теперь необходимо использовать базовый класс glyphicon с последующим классом конкретного glyphicon вы хотите использовать (см ссылку на полный список):

<span class="glyphicon glyphicon-cog"></span> 

Answer 2

Вы должны использовать интервал вместо I ,

<span class="glyphicon glyphicon-home"></span> 

Проверить это http://getbootstrap.com/components/#glyphicons