我以前没有使用过任何Bootstrap框架。我想在我的页面中包含一些Bootstrap 3中的字形图标。根据我的理解,它们应该包含在bootstrap.css文件中,而我已经将该文件添加到了我的页面中。然而,当我查看bootstrap.css文件时,我没有看到任何关于它们的引用?虽然这是一个很大的文件,但我可能错过了什么。
我注意到当我打开从Bootstrap 3下载的“dist”文件夹时,有一个名为“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>