Bootstrap Glyphicon不可见

时间:2016-10-28 13:19:24

标签: bootstrap-modal

一个非常基本的问题。

不确定是什么问题。

当我使用glyphicon glyphicon-envelope时,它是可见的。

但没有其他字形可见。相反,我只看到一个小盒子。

这是我的代码

<div class="col-sm-3">
    <div class="tile purple parent" id="@item.Id">
            <h3 class="title">@Html.DisplayFor(modelItem => item.ParentName)</h3>
            <p><span class="glyphicons glyphicon-envelope">@videos.Count()</span></p>
    </div>
</div>

你能帮忙吗?

2 个答案:

答案 0 :(得分:0)

我认为它应该是<span class="glyphicon glyphicon-envelope">@videos.Count()</span>

我建议你看看Font Awesome http://fontawesome.io/。它们的图标比bootstrap glyphicons更多。

答案 1 :(得分:0)

当我尝试你的代码片段时它没有任何问题:) 但是,您可以从w3school

获取更多信息

Try your code here

for more info

我认为问题出在你的bootstrap.min.css我认为文件没有正确加载请重新链接你的boostrap css如下:) 尝试正确安装glyphicons字体  祝你好运:)

  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  </head>

您还可以使用fontawesome图标http://fontawesome.io/icons/