3

何らかの理由で、twitter ブートストラップ 2.3.2 を使用すると、画像のアイコンが読み込まれません。私はデフォルトの構造 css/img/js/ を持っています

他のすべてが機能し、次のような単純なアイコンも追加しようとしましたが<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>
4

1 に答える 1

4

次のようなタグを使用してみてください。

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

ソース: http://getbootstrap.com/2.3.2/base-css.html#icons

編集: v3.0.0 を使用しているようです - 追加した追加のクラスなしでグリフィコンを使用してみましたか? 標準クラスのみ:

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

それが読み込まれる場合、and と関係がある可能性がありますglyphicon-text-width( glyphicon-adjusadjus のスペルが間違っている可能性があります)。

于 2013-08-24T16:52:25.660 に答える