#jquery #jquery-ui #twitter-bootstrap-3
#jquery #jquery-пользовательский интерфейс #twitter-bootstrap-3
Вопрос:
Кто-нибудь может сказать мне, почему глифы не отображаются в этом jsfiddle? http://jsfiddle.net/csabatoth/yB84b/2 /
HTML:
<a id="blabla" href="#"><i class="icon-pencil"></i></a>
JavaScript:
// Overall viewmodel for this screen, along with initial state
function ViewModel() {
var self = this;
}
ko.applyBindings(new ViewModel());
Как вы видите, скрипка основана на Knockout 3.0.0.
Кроме того, я включаю jQuery 1.11.1, jQuery-UI 1.10.4, Bootstrap 3.1.1.
Что я делаю не так?
Примечание: в более сложном примере позже мне нужно будет использовать Bootstrap Knockout, вот почему они включены.
Комментарии:
1. Скорее всего, это вызвано отсутствием файлов шрифтов или неправильным путем к файлу шрифта.
2. Оба из двух приведенных ниже ответов верны, но я не знаю, какой из них был первым. В Bootstrap 3 есть разные классы не только для компоновки сетки, но и для значков.
Ответ №1:
Ваши классы значков неверны. Имена классов можно найти по адресу http://getbootstrap.com/components /
Ваш HTML должен читать
<a id="blabla" href="#"><i class="glyphicon glyphicon-pencil"></i></a>
Скрипка: http://jsfiddle.net/yB84b/4 /
Комментарии:
1. Спасибо! Я отметил ваш ответ первым, я не видел, кто ответил первым.
Ответ №2:
У вас есть имя класса из Bootstrap 2, но вы используете Bootstrap 3. Измените класс на:
<a id="blabla" href="#"><i class="glyphicon glyphicon-pencil"></i></a>