引导加载错误的字形图标答案

【问题标题】：Bootstrap loading wrong glyphicon引导加载错误的字形图标
【发布时间】：2014-04-30 06:03:55
【问题描述】：

您好，我很想使用引导程序字形图标，但它们不起作用。我正在尝试加载 glyphicon-ok、glyphicon-remove 和 glyphicon-star。但问题是这些图标会加载。 http://imagebin.org/301047

这是我的头部分

      <head>
           <meta name="viewport" content="width=device-width, initial-scale=1.0">
           <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
           <link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css">
           <link href="css/styles.css" rel="stylesheet" type="text/css">
           <script src="http://code.jquery.com/jquery-latest.js"></script>
           <script src="js/bootstrap.min.js"></script>
      </head>

这是我的字形图标

      <li>
        <a href="#">
          <span class="glyphicon glyphicon-ok"></span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="glyphicon glyphicon-remove"></span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="glyphicon glyphicon-star"></span>
        </a>
      </li>

【问题讨论】：

尝试将 bootstrap.css 放在列表的最后，看看你的其他 CSS 文件是否在干扰它。
那行不通。我把 bootstrap.css 放在我所有的 css 文件下面，甚至我的 js 链接下面。
我将您的代码发布到 my 模板中，它显然运行良好。尝试引用 Bootstrap CDN 而不是本地文件。
我不明白我尝试了您发布的链接并且它有效，所以我想也许我弄乱了 bootstrap.css 文件并重新下载了它。但是当我使用新下载的 bootstrap.css 文件时它仍然不起作用。我什至使用了 bootstrap.min.css，但以太不起作用。
你也试过fresh bootstrap.min.js吗？我的建议是从 CDN 链接同时下载 css 和 js。

标签： twitter-bootstrap glyphicons

【解决方案1】：

我也面临同样的问题，唯一对我有用的是项目文件夹层次结构的变化。为了更好地理解，下面提到的是我项目的两个文件夹层次结构：

**Earlier(problematic):**
-Public
  --CSS
     ---Bootstrap
         ----bootstrap.min.css
         ----bootstrap.css           
  --Fonts
  --Images
  --JS

**Latest (Solution)**
-Public
  --CSS
     ---Bootstrap
         ----bootstrap.min.css
         ----bootstrap.css           
     ---Fonts
  --Images
  --JS

简而言之，必须将“Fonts”文件夹放在“Bootstrap”文件夹之外！

【讨论】：

所以这很有趣，我不记得我是否解决过这个问题，但我会试试这个。那时我可能确实把我所有的资产都搞砸了。您是否考虑将引导 CSS 文件放入 CSS 文件中？这就是为什么它会在字体文件夹旁边的原因。还是您的意思是您将字体放在引导文件夹中？
不，我没有将字体放在引导文件夹中，而是放在引导文件夹旁边。我的意思是字体文件夹和引导文件夹（里面有引导 css 文件）应该在同一级别。
所以你可以将引导文件放在 CSS 文件夹中并获得相同的结果。
是的，实际上早期的层次结构是相同的，但是 css 文件的增加是为引导 css 文件创建单独的引导文件夹的原因。
这就是我认为可能的原因。我已经看到项目开始有很多 CSS 表。我尝试将其保留为重置 CSS、引导 CSS 和自定义 CSS。这并不总能奏效，因为某些页面可能有非常具体的需求，因此除了主要的自定义工作表之外，我不需要。