2016-10-18 3 views
0

Я новичок в дизайне переднего конца, но я изучаю его, чтобы я мог применять простые проекты для своих проектов. Я использую Bootstrap 3.3.7 и не имел проблем с значками, кроме тех случаев, когда я пытался добавить значок "glyphicon glyphicon-search".Glyphicon Поиск на кнопке не отображается

Я сделал некоторые исследования, но я заметил, что большинство результатов предполагают, что я делаю,

<button type="submit" class="btn btn-default btn-sm"> 
<span class="glyphicon glyphicon-search" aria-hidden="true"> </span> 
</button> 

К сожалению, она по-прежнему не будет отображать значок поиска. Пожалуйста, помогите мне решить это.

Я получаю пустую кнопку без значка рядом с полем поиска.

enter image description here

+0

Любая ошибка в консоли ?? –

+1

Работает отлично, [** Fiddle **] (https://jsfiddle.net/fkbq4z4a/) –

+1

@Manu, у меня есть загрузочный zip-файл. Я только что понял проблему. Файлы шрифтов не были импортированы в проект. Когда вы спросили об ошибке, я проверил некоторые проверки кода и нашел его. Благодарю. – p3ace

ответ

1

Ради помощи другим, которые являются новыми и могут столкнуться в этом, вот как я ее решил.

Если вы загрузили файл с загрузочным бутстрапом в Интернете и извлекли его, вы получите 3 папки.

css 
fonts 
js 

Не забудьте указать содержимое каждой папки в соответствующие папки назначения в своих проектах. Как показано на скриншоте ниже.

enter image description here

файлы в папке шрифтов предваряется по glyphicons-halflings... необходимы для отображения значков.

Я не вставлял эти файлы шрифтов, когда я создал проект, который вызвал отсутствующий значок поиска.

Надеюсь, это поможет.

Смежные вопросы