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
- 作者: David Cochran
- 出版社/メーカー: Packt Publishing
- 発売日: 2012/11/30
- メディア: ペーパーバック
- この商品を含むブログを見る
jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック
- 作者: MdN編集部
- 出版社/メーカー: エムディエヌコーポレーション
- 発売日: 2012/07/03
- メディア: 単行本
- クリック: 8回
- この商品を含むブログ (2件) を見る