Bootstrap загружает неправильный глификон

Здравствуйте, я пытаюсь использовать глификоны начальной загрузки, но они не работают. Я пытаюсь загрузить глификон-ок, глификон-удалить и глификон-звезда. но проблема в том, что вместо этого загружаются эти значки. 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>

person Andrew Pullins    schedule 22.03.2014    source источник
comment
Попробуйте поставить bootstrap.css последним в списке, чтобы увидеть, не мешают ли ему другие файлы CSS.   -  person PM 77-1    schedule 24.03.2014
comment
Это не сработало. Я поместил bootstrap.css ниже всех моих файлов css и даже ссылок на js.   -  person Andrew Pullins    schedule 01.04.2014
comment
Я разместил ваш код в моем шаблоне, и он явно работал нормально. Попробуйте ссылаться на Bootstrap CDN вместо ваших локальных файлов.   -  person PM 77-1    schedule 01.04.2014
comment
Я не понимаю, я попробовал ссылку, которую вы разместили, и она сработала, поэтому я подумал, что, может быть, я напортачил с файлом bootstrap.css и перезагрузил его. но когда я использую недавно загруженный файл bootstrap.css, он все равно не работает. Я даже использовал bootstrap.min.css, и это не сработало.   -  person Andrew Pullins    schedule 01.04.2014
comment
Вы тоже пробовали свежее bootstrap.min.js? Я предлагаю загрузить css и js по ссылкам CDN.   -  person PM 77-1    schedule 01.04.2014
comment
Да, я также связал bootstrap.min.js.   -  person Andrew Pullins    schedule 29.04.2014


Ответы (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

Короче говоря, необходимо поместить папку «Шрифты» помимо папки «Bootstrap»!

person Adil    schedule 05.06.2015
comment
Так что это интересно, и я не помню, исправлял ли я когда-либо эту проблему, но я попробую это. В то время я, вероятно, испортил все свои активы. Вы думали о том, чтобы поместить свои загрузочные CSS-файлы в свои CSS-файлы? Вот почему он будет рядом с папкой шрифтов. Или вы имели в виду, что поместили шрифты в папку начальной загрузки? - person Andrew Pullins; 05.06.2015
comment
Нет, я не помещал шрифты в папку начальной загрузки, а просто помещал их в папку начальной загрузки. Я имею в виду, что папка шрифтов и папка начальной загрузки (с файлами начальной загрузки css внутри) должны быть на одном уровне. - person Adil; 05.06.2015
comment
Итак, вы можете поместить файлы загрузочной ленты в свою папку CSS и добиться тех же результатов. - person Andrew Pullins; 05.06.2015
comment
Да, на самом деле более ранняя иерархия была такой же, но увеличение файлов css было причиной создания отдельной папки начальной загрузки для файлов начальной загрузки css. - person Adil; 05.06.2015
comment
Вот я и подумал, что может быть причина. Я видел, как в проектах начиналось много листов CSS. Я стараюсь использовать сброс CSS, загрузку CSS и пользовательский CSS. Эта доза не всегда срабатывает, поскольку некоторые страницы могут иметь очень специфические потребности и поэтому не нужны мне, кроме основных пользовательских листов. - person Andrew Pullins; 05.06.2015
comment
ахаан, так что мой ответ наверняка будет вашим ответом;) - person Adil; 05.06.2015
comment
Я не проверял это, но да, я верю, что ваш ответ будет тем, который ответит на этот вопрос. - person Andrew Pullins; 05.06.2015
comment
Хорошо, надеюсь, вы скоро протестируете его и отметите как ответ. На самом деле я пытаюсь создать шаблон в начальной загрузке и основе, чтобы предоставить моим клиентам возможность использовать версию на основе начальной загрузки или основу. Вот почему я создал отдельные папки для Bootstrap и Foundation. - person Adil; 05.06.2015