Почему набор полных глификонов не работает с Bootstrap 3?

Мне нужен был глификон Skype в моем проекте Bootstrap 3.

Я нашел этот хороший репозиторий на github: https://github.com/ericzhang-cn/full-glyphicons

Я скопировал в папку img два изображения, импортировал файл CSS glyphicons.css и попытался использовать значок, как описано в github:

<i class="icon-g-skype"></i> Address roma

Но не работает. У кого-нибудь еще возникла такая проблема? Благодарю вас!


twitter-bootstrap twitter-bootstrap-3 glyphicons
person FrancescoMussi    schedule 21.09.2013    source источник

Ответы (2)


arrow_upward
5
arrow_downward

В Twitter Bootstrap 3 класс значков заменен на glyphicon.

Таким образом, вы можете использовать как <span class="glyphicon glyphicon-align-justify"></span>.

Для улучшения значков посетите http://fortawesome.github.io/Font-Awesome/.

person devo    schedule 21.09.2013
comment
Благодарю вас! Это просто потрясающе! У меня не работает включение css файлов в проект а только с ссылками netdna, но главное что работает! - person FrancescoMussi; 21.09.2013

arrow_upward
1
arrow_downward

Вы можете включить Font-Awesome через CDN в HEAD:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

(Проверьте Font-Awesome последний URL-адрес на случай, если он устареет.)

Затем, где вы хотите значок Skype:

<span class="fa fa-skype"></span>
person Marina Martin    schedule 12.01.2014
comment
Уменьшенная версия файла CSS также доступна на bootstrapcdn — //maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css - person mvark; 20.01.2015