无法让 Bootstrap 字形图标工作答案

【问题标题】：Can't get Bootstrap glyphicons to work无法让 Bootstrap 字形图标工作
【发布时间】：2014-12-16 06:22:17
【问题描述】：

bootstrap.min.js 和 bootstrap.min.css 都已加载，我的代码如下所示：

<span class="glyphicon glyphicon-pencil"></span>

它没有给我任何错误。我在 jquery-ui-tab 中也有这段代码。也许这就是问题所在？

我的头标：

<head>
   <meta charset="utf-8" />
  <title></title>
<link rel="stylesheet" href="/Content/bootstrap.min.css" />
 <script src="/Scripts/bootstrap.min.js" type="text/javascript"></script>
<!--<script src="/Scripts/jquery-1.3.2.js" type="text/javascript"></script> -->
 <script src="/Scripts/jquery-2.1.0.min.js" type="text/javascript"></script>
 <script src="/Scripts/jquery-ui-1.10.4.min.js" type="text/javascript"></script>
<style>
    body 
    {
        padding-top: 40px;}

        .container
        {
            margin-left:2px;
        }
        .actions
        {
            background:none;
            border-top:none;
        }
</style>

【问题讨论】：

我希望您在 head 标签中包含了适当的 .css 或 .js 文件。向我们展示 html。
@AmarDuplantier bootstrap.min.js 和 bootstrap.min.css 都已经加载到浏览器中了。
如果您遇到任何错误，请检查 Chrome DevTools..

标签： twitter-bootstrap jquery-ui jquery-ui-tabs glyphicons

【解决方案1】：

在 Bootstrap 2.3.2 中，与 Bootstrap 3 相比，很多东西都发生了变化，包括图标。在 3 中，您的代码似乎没问题。但是，如果您使用的是 2.3.2，格式应该是这样的：

<button><i class="icon-pencil" /><button>

祝你好运！

【讨论】：