twitter bootstrapにて、アイコン(icon)が表示されない問題

twitter bootstrapのアイコンが表示できないという問題で
時間を費やしてしまった。
しかも初歩的なミスだった。


CSSに関しては適用されているのに

<i class="icon-○○"></i>

だけ適用されなくて困ってしまった。



どうも、ダウンロードした後

<link href="bootstrap.min.css" rel="stylesheet" />
<link href="bootstrap-responsive.min.css" rel="stylesheet" />

...

<script src="bootstrap.min.js"></script>

として、後は要らないだろうと、他のものを削除してしまったのが問題だった。



最終的に再ダウンロードしてtreeコマンドを打ってみると

bootstrap
├── css
│   ├── bootstrap-responsive.css
│   ├── bootstrap-responsive.min.css
│   ├── bootstrap.css
│   └── bootstrap.min.css
├── img
│   ├── glyphicons-halflings-white.png
│   └── glyphicons-halflings.png
└── js
    ├── bootstrap.js
    └── bootstrap.min.js

iconまとめたpngファイルがあったのかよ!となり(当たり前だ)
イコン画像(img/)を入れてあげて問題解決いたしました。

Twitter Bootstrap Web Development

Twitter Bootstrap Web Development