Glyphicons不会出现在twitter bootstrap中

Question

我无法让glyphicons显示出来。目前，一个小方块显示而不是glyphicon。我已经尝试过移动文件夹等。我没有做自定义引导程序 - 我只是下载了整个内容，所以不应该有任何错误/任何遗漏。这是我的代码：

    <div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-4 text-center">
            <h2>Welcome!</h2>
            <p>
            </p>
        </div> <!-- heading div -->
    </div> <!-- row -->
    <div class="row">
        <div class="col-md-2 col-md-offset-2 text-center">
            <div class="interests">
                <span class="glyphicon glyphicon-camera">
                </span>
                <h4>People</h4>
            </div> <!-- interests divs -->
        </div> <!-- column divs -->
    </div> <!-- row -->
</div> <!-- container -->

我是否遗漏了顶部需要包含的内容以显示字体？在头部，我有一个指向bootstrap.min.css的链接 - 我应该链接到其他任何东西吗？

Answer 1

您可以查看以下图像（2张图像）。

或者，您可以检查这些字体。

https://github.com/twbs/bootstrap/tree/master/dist/fonts

希望它有所帮助。

Answer 2

我猜它没有显示出两个可能的原因： 1.您尚未安装字体 2.您尚未添加字体文件夹，因此bootstrap无法加载glyphicons。

fonts ----包含字体的文件夹 css ------包含bootstrap css文件的文件夹。 index.html -----这个文件应链接到href =“css / bootstrap.css”，实习生调用字体文件