「Twitter Bootstrap」2系のアイコンは、画像なので大きく出来ない

Bootstrap ＞ 2系

Gist

　状態:- 　閲覧数:3,360 　投稿日:2013-01-08 　更新日:2014-11-26
バランスが悪い
・大きいボタンにアイコンを配置したら、バランスがおかしいことに気が付いた
・要は、「Twitter Bootstrap」のアイコンは画像なので、これ以上大きく出来ない、てことらしい

対策 … Wrbフォント利用
Font Awesome(v3.0)
・海外
・デフォルトで、「Twitter Bootstrap」のアイコン記述に対応

Ligature Symbols(v2.09)
・日本
・「Twitter Bootstrap」アイコンのように利用するには、カスタマイズが必要

・概要は、ここで把握できる
・実際に実装する際は、こちらを参考にする(但し、公式サイトではないので、「Ligature Symbols」の最新が揃っているわけではない。例 「myspace」など)

「Bootstrap, from Twitter 2」で、「Dropdowns bootstrap-dropdown.js」が動作しないときの対応案

Bootstrap v2.3.1



類似度ページランキング
順位 ページタイトル抜粋 ％
1 「Twitter Bootstrap」2系のアイコンは、画像なので大きく出来ない 83
2 「Twitter Bootstrap」のアイコンは、画像なので色を変更できない 68
3 Twitter Bootstrap 2.0 43
4 「Twitter Bootstrap」✕「フォーム」 42
5 「Bootstrap, from Twitter」を利用する際、「current page」では白アイコンを利用する方法 42
6 「Twitter Bootstrap」導入したらおかしくなった時、試した方がよいかもしれないこと 41
7 Twitter Bootstrap 1.4 39
8 Twitter ヘッダー画像は、Fireworks CS3 で作成している 39
9 「PhotoShop CS3」　と、「Vieas」　の違い 38
10 「:after擬似要素」は、Chromeの「要素を検証」で確認できない 37
11 positionプロパティのrelative指定は、デフォルトではない 37
12 「Bootstrap, from Twitter 2」で、「Dropdowns bootstrap-dropdown.js」が動作しないときの対応案 37
13 「Bootstrap v2.3.1」不具合 36
14 「Bootstrapデザイン」✕「グラフ」 36
15 「異なるキーフレームアニメーション名」に、「transformの異なる値」を記述できない 36
16 「Data URI scheme」画像拡張子は、正しいとは限らない 36
17 SVGの色指定は、「枠線 stroke」と「内部 fill」の2種類 35
18 私がよく利用するFont Awesome 無料アイコン。毎回探すことが面倒なので 35
19 Firefoxだけがログインできない 34
20 Fireworks で背景画像透明化 34
2026/11/10 11:47 更新
週間人気ページランキング ／ 11-3 → 11-9
順位 ページタイトル抜粋 アクセス数
1 Google Chrome(ブラウザ) カテゴリー 7
2 Design 0 5
2 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 5
3 ログイン 4
3 CSS カテゴリー 4
3 「属性」「プロパティ」「アトリビュート」の違い | CSS 4
3 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく | CSSトラブル対応(CSS) 4
3 アイコンを「Font Awesome」から変更。→「自分で探したSVG」を「自分のserver」へアップロード | アイコン(デザイン) 4
3 XnConvertとは？／ インストール ／ 変換実行してみる 4
4 カラーマネージメント | 色 3
4 「Google Chrome」ブックマークをフォルダー単位で、「ドメイン毎」「追加日昇降順」に並べ替える拡張機能「Sortmark」 | Chrome 拡張機能 3
4 _notesフォルダ削除 | Dreamweaver8(Dreamweaver) 3
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 3
4 最初に結論 ／ Chrome拡張「Enable right click」／ JavaScriptで、右クリック禁止を解除します 3
4 RGBの種類 ／ ビットカラー | RGB(色) 3
4 FontAwesomeでアイコンが□（四角）になって表示されない　Forbidden　 | Font Awesome(フォント) 3
4 HSV ／ HSB | HSV(色) 3
4 「Google Chrome」を再起動するためには「chrome://restart」へアクセスします。 | Google Chrome(ブラウザ) 3
4 絶対パス | HTML 3
5 Sleipnir | ブラウザ 2
2026/11/10 5:05 更新