Я раньше не использовал какие-либо фреймворки bootstrap. Я хочу включить некоторые из глификонов в bootstrap 3 на моей странице. Насколько я понимаю, они должны быть включены в файл bootstrap.css, который я добавил на свою страницу. Однако, когда я смотрел файл bootstrap.css, я не вижу ссылки на них? Хотя это большой файл, я, возможно, что-то пропустил.
Я заметил, что когда я открыл папку dist
, загруженную из бутстрапа 3, есть отдельная папка fonts
, которая содержит файлы с именем:
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
Кажется, что именно там, где глификоны, я не знаю, как их присоединить к моему сайту? Как привязать глификоны к моей странице?
Спасибо за любую помощь заранее
В приведенном ниже коде показан загруженный файл bootstrap.css:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap example</title>
<meta name="viewport" content="width=divice-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="bootstrap.css" rel="stylesheet" media="screen">
</head>
и вот часть кода html
, где глификоны должны быть:
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span>
Home</a></li>
<li><a href="#"><span class="glyphicon glyphicon-star"></span> Top
Destinations</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span
class="glyphicon glyphicon-user"></span> About Us<b class="caret"></b></a>