1

ブートストラップのドキュメントでアイコンについて読み、このようにファイルに組み込んでみました

<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Getting started with bootstrap</title>
<link href ="css/bootstrap.css" rel ="stylesheet" type="text/css">
<!-- HTML5 shim for IE backwards compatibility -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body>
<div class ="container-fluid">
    <header class= "row-fluid">
        <h1 class="span12" >This is my first Bootstrap page.</h1>
    </header>
   <i class="icon-calendar"></i>

</div>
<script src = "js/jquery-1.10.2.min.js"></script>
<script src = "js/bootstrap.min.js"</script>
</body>
</html>

しかし、何も起こりません。カレンダーの画像が表示されません。

4

3 に答える 3

1

これが答えです。Bootstrap 3 を使用しているため、アイコン パッケージを含めるのを忘れていました。これを行う方法は次のとおりです。

<span class="glyphicon glyphicon-ok"></span>.
  1. ここにアクセスしてください: http://glyphicons.getbootstrap.com/
  2. [Github からダウンロード] をクリックします。
  3. フォルダーを解凍し、CSS フォルダーの内容を独自の CSS フォルダーにコピーします。
  4. fonts フォルダをcss フォルダと同じディレクトリにコピーします。
  5. 次に、フォントと css を追加したら、上記のコードを追加します。
于 2013-08-16T06:56:34.260 に答える
0

ブートストラップ 3 では、基本パッケージにグリフィコンが含まれなくなりました。Bootstrap 3 RC2 Referenceから、

Bootstrap 3 のリリースに伴い、アイコンは別のリポジトリに移動されました。これにより、主要なプロジェクトが可能な限りスリムに保たれ、人々がアイコン ライブラリを簡単に交換できるようになり、Glyphicons アイコン フォントが Bootstrap 以外のより多くの人々にとってより簡単に利用できるようになります。

于 2013-08-16T06:42:20.217 に答える