Question

您好我正在使用bootstraps glyphicons，但它们无法正常工作。我正在尝试加载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>

Answer 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

简而言之，必须放置＆＃39;字体＆＃39;文件夹除了＆＃39; Bootstrap＆＃39;文件夹！

Bootstrap加载错误的glyphicon

1 个答案: