#twitter-bootstrap #css #twitter-bootstrap-3 #glyphicons
#twitter-начальная загрузка #css #twitter-bootstrap-3 #глификоны
Вопрос:
Я новичок в разработке интерфейсного дизайна, но я изучаю его, чтобы я мог применять простые проекты к своим проектам. Я использую Bootstrap 3.3.7, и у меня не было проблем с иконками, за исключением случаев, когда я пытался добавить "glyphicon glyphicon-search" значок.
Я провел некоторое исследование, но заметил, что большинство результатов предполагают, что я делаю,
<button type="submit" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-search" aria-hidden="true"> </span>
</button>
К сожалению, значок поиска по-прежнему не отображается. Пожалуйста, помогите мне решить эту проблему.
Я получаю только пустую кнопку без значка рядом с моим текстовым полем поиска.
Комментарии:
1. Какая-либо ошибка в консоли??
2. Все работает нормально, скрипка
3. @Manu, у меня извлечен загрузочный zip-файл. Я только что понял проблему. Файлы шрифтов не были импортированы в проект. Когда вы спросили об ошибке, я провел некоторую проверку кода и нашел ее. Спасибо.
Ответ №1:
Чтобы помочь другим новичкам, которые могут столкнуться с этим, вот как я решил эту проблему.
Если вы загрузили архивированный файл bootstrap онлайн и извлекли его, вы получите 3 папки.
css
fonts
js
Не забудьте включить содержимое каждой папки в соответствующие папки назначения в ваших проектах. Нравится то, что показано на скриншоте ниже.
Файлы в папке fonts, добавленные, glyphicons-halflings... необходимы для отображения значков.
Я не вставлял эти файлы шрифтов при создании проекта, что привело к отсутствию значка поиска.
Я надеюсь, что это поможет.