【问题标题】:Glyphicons will not show up in twitter bootstrapGlyphicons 不会出现在 twitter 引导程序中
【发布时间】:2017-09-10 15:21:56
【问题描述】:

我无法显示字形图标。目前,显示的是一个小方块而不是字形图标。我试过移动文件夹等。我没有做自定义引导程序——我只是下载了整个东西,所以不应该有任何错误/缺少任何东西。这是我的代码:

    <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 的链接——我应该链接到其他任何东西吗?

【问题讨论】:

    标签: css twitter-bootstrap glyphicons


    【解决方案1】:

    我猜它没有显示有两个可能的原因: 1.您还没有安装字体 2. 您没有添加字体文件夹,因此引导程序无法加载字形。

    fonts----一个包含字体的文件夹 css--------一个包含引导 css 文件的文件夹。 index.html-----这个文件应该链接到实习生调用字体文件的 href="css/bootstrap.css"

    【讨论】:

    • 我有包含所有适当字体的字体文件夹。它与我所有的文件在同一个文件夹中。它不应该在那里吗?当我下载 bootstrap 时,我得到了所有的普通文件 - 包含字体、css、js 的 dist 文件夹。
    • 所有文件夹都在同一级别,即 \css \fonts 应该在同一级别
    • 不——他们不是。现在他们是。现在它可以工作了。谢谢你!我对所有这一切都是全新的,并且正在努力通过自己的方式。你太棒了!
    【解决方案2】:

    您可以查看以下图片(2 张图片)。

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

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

    希望对你有帮助。

    【讨论】:

    • 对不起 - 我不明白你检查它们是什么意思?
    • “检查它们”意味着您可以去检查 /fonts 文件夹中的那些图像或字体。对不起
    猜你喜欢
    • 1970-01-01
    • 2014-05-27
    • 2012-03-18
    • 1970-01-01
    • 2015-07-08
    • 1970-01-01
    • 1970-01-01
    • 2013-02-17
    • 2014-09-09
    相关资源
    最近更新 更多