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

Bootstrap ＞ 2系

　状態:- 　閲覧数:3,068 　投稿日:2012-02-15 　更新日:2013-04-03
「Bootstrap, from Twitter 2」を導入したら、特定ページだけ、「Dropdowns bootstrap-dropdown.js」が動作しなかったので、メモ

jQueryバージョン確認


「Bootstrap, from Twitter 2」で、「Dropdowns bootstrap-dropdown.js」が動作しない時は、jQueryバージョンを確認する

どのバージョンから動作するかは不明だが、あんまり古いバージョンだとダメみたい
「bootstrap2.0.0」へのChangelog
bootstrap-dropdown.jsの公式説明ページ

試した環境では、1.4.4とかだと、ピクリとも動かなかったが、
下記を削除したら、無事動作するようになった…
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

「Bootstrap, from Twitter」を利用する際、「current page」では白アイコンを利用する方法

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



類似度ページランキング
順位 ページタイトル抜粋 ％
1 「Bootstrap, from Twitter 2」で、「Dropdowns bootstrap-dropdown.js」が動作しないときの対応案 53
2 「Twitter Bootstrap」2系のアイコンは、画像なので大きく出来ない 37
3 「Twitter Bootstrap」のアイコンは、画像なので色を変更できない 35
4 「Bootstrap」の「js」がいつの間にか期待通り動作しなくなった際の対応案 35
5 「Twitter Bootstrap」導入したらおかしくなった時、試した方がよいかもしれないこと 33
6 「css3-mediaqueries-js」と「Respond.js」の違い 32
7 StableDiffusionのweb版「DreamStudio」を使用してみた感想。それなりに楽しめましたが、課金してまで使用してみたいとは思いませんでした。 31
8 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある 31
9 「Bootstrap, from Twitter」を利用する際、「current page」では白アイコンを利用する方法 30
10 「Fireworks」後継として「Gravit Designer」を使用していくことを一度は決定したが、2022 年時点で入手可能なソフトウェアは日本語入力未対応　 29
11 Twitter Bootstrap 2.0 29
12 Chromeで閲覧している任意URLのhtmlタグに対して、なるべく簡単に「html{font-size:0.1em!important;}」を追加したい 29
13 CSS3-mediaqueries.jsは、@ importスタイルシートに記述した内容を反映しない 29
14 「Twitter Bootstrap」✕「フォーム」 28
15 デフォルトの「Google Chrome」ではURL欄にwwwが表示されないため、「Microsoft Edge」を使用する 28
16 HTML5で、set_include_pathを用いると、先頭に謎の空白行ができる 28
17 「:after擬似要素」は、Chromeの「要素を検証」で確認できない 28
18 Twitter Bootstrap 1.4 27
19 「PhotoShop CS3」　と、「Vieas」　の違い 27
20 「異なるキーフレームアニメーション名」に、「transformの異なる値」を記述できない 27
2026/6/02 17:36 更新
週間人気ページランキング ／ 5-26 → 6-1
順位 ページタイトル抜粋 アクセス数
1 RGBの種類 ／ ビットカラー | RGB(色) 5
2 「属性」「プロパティ」「アトリビュート」の違い | CSS 4
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 4
2 鉄道会社毎のカラーコード | カラーコード(色) 4
3 RGB最大値基準 3
3 RGB → HSL | 色変換(色) 3
4 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 2
4 RGB → HSL 彩度S 計算方式の違い 2
4 HSL → RGB 計算例 Wikipedia ／ HSL 206.6, 89.7, 54.1 → RGB 33, 150, 243 2
4 RGB → 色相H … 最小値基準 × 図形 の考え方 | 色変換(色) 2
4 考え方A.長さの比率で角度６０°を分割 ／ R≧B≧G 2
4 RGB → 色相H … 最大値基準 × 図形 の考え方 | 色変換(色) 2
4 方式1.色相H0°～360°、輝度L0～100(固定) 2
4 方式1.色相H0°～360°、彩度S0%～100%または0～255、明度V0%～100%または0～255 2
4 カラーコード → RGB ／ 16進数 → 10進数 2
4 RGB → HSL 計算例 最小値基準 ／ RGB 33, 150, 243 → HSL 206.6°, 89.7％, 54.1％ 2
4 RGB → HSL 変換式 ／ 最大値基準 2
4 RGB → HSL 最大値基準 ／ RGB 33, 150, 243 → HSL 206.6°, 89.7％, 54.1％さ 2
4 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 2
4 font-size | フォント 2
2026/6/2 5:05 更新