twitter-bootstrap – Bootstrap加载错误的glyphicon

您好我正在使用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>

解决方法

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

**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

简而言之,除了’Bootstrap’文件夹之外,还必须放置’Fonts’文件夹！

twitter-bootstrap – Bootstrap加载错误的glyphicon

解决方法

相关文章