2013-08-24 4 views
3

По какой-то причине значки не загружаются для изображений, когда я использую twitter bootstrap 2.3.2. У меня есть структура по умолчанию CSS/ IMG/ JS в/glyphicons не загружаются

Все остальное работает, и я также пытался добавить простой значок, как <span class="icon icon-ok">OK</span> и который также работает

Может кто-нибудь увидеть, что случилось?

<!DOCTYPE HTML> 
<html> 
<head> 
    <title>Fixed layout example with Twitter Bootstrap</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <!-- Bootstrap --> 
    <link href="resources/css/bootstrap.css" rel="stylesheet" media="screen"> 
</head> 
<body> 
<div class="container"> 

<form class="form-horizontal"> 

     <fieldset> 
      <legend>Create a new question</legend> 
      <div class="control-group"> 
      <label class="control-label" for="questionTitle">Title</label> 
      <div class="controls"> 
       <input type="text" class="input-xlarge" id="questionTitle">    
      </div> 
      </div> 
      <div class="control-group"> 
      <label class="control-label" for="questionText">Question</label> 
      <div class="controls"> 
       <textarea class="input-xlarge" id="questionText" rows="4"></textarea> 
      </div> 
      </div>   
      <div class="control-group"> 
      <label class="control-label" for="questionTypes">What type of answer are your looking for?</label> 
      <button type="button" class="btn btn-default btn-lg"> 
       <span class="glyphicon glyphicon-align-justify"></span> Multiple choice 
      </button> 
      <button type="button" class="btn btn-default btn-lg"> 
       <span class="glyphicon glyphicon-adjus"></span> Yes/No 
      </button> 
      <button type="button" class="btn btn-default btn-lg"> 
       <span class="glyphicon glyphicon-text-width"></span> Text input 
      </button> 
      </div>     
      <div class="form-actions"> 
      <button type="submit" class="btn btn-primary">Save changes</button> 
      <button class="btn">Cancel</button> 
      </div> 
     </fieldset> 
</form> 
</div> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="resources/js/bootstrap.js"></script> 
</body> 
</html> 
+0

См [этот ответ] (HTTP: // StackOverflow. ком/вопросы/18222849/самозагрузка-3-glyphicons-CDN? RQ = 1). Может быть, это помогает – doru

ответ

4

Попробуйте использовать тег, как это:

<i class="icon-star icon-white"></i> 

Источник: http://getbootstrap.com/2.3.2/base-css.html#icons

EDIT: Похоже, вы можете использовать v3.0.0 - Пробовали ли вы с помощью glyphicons без дополнительных классов, которые вы Вы добавили? Просто стандартные классы:

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

Если что нагрузки, то это может иметь что-то делать с glyphicon-text-width и glyphicon-adjus (регулировки оборотов пишется неправильно, может быть?)

+0

Я старался, чтобы я использовал 2.3.2, но это было v3, а после этого было прямо. Спасибо за подсказку – Marthin

Смежные вопросы