ソースドロップダウンメニューブートストラップ解釈
の基本的な使い方を
プルダウンメニューブートストラップフレームワークを使用しているとき、あなたはbootstrap.jsは、ブートストラップの枠組みを提出呼び出す必要があります。コンポーネントの相互作用の効果は、プラグインを作成するブートストラップjQueryライブラリに依存しているので、そうbootstrap.min.jsを使用する前に、最初のロードjquery.min.js効果が生まれることになる必要があります。
次のように使用します
。1.パッケージ全体の要素のプルダウンメニューを「ドロップダウン」と呼ばれる容器を使用する：
2.
の実現原理
メニュー項目は、デフォルトでは非表示になってドロップダウンプルダウンメニューコンポーネントブートストラップフレームを、「ドロップダウンメニューので、 「デフォルトのスタイルセット」表示：なし」。：のように達成ソースは以下
.dropdown-MENU {
絶対;位置を
トップ：100％;
左：0;
Zインデックス：1000;
表示：なし;
フロート：左;
最小幅：160ピクセルと、
パディング：5pxの0;
マージン：2ピクセル0 0;
フォントサイズ：14px;
テキスト整列=左：左;
リストスタイル：なし;
背景色：#FFF;
クリップ背景-のWebKit：ボックスパディング、
背景クリップ：ボックスパディング;
ボーダー：1ピクセル固体#CCC;
ボーダー：1ピクセル固体RGBA（0、0、0、0.15）;
ボーダーRADIUS：4PX;
-webkitシャドウ-ボックス：12ピクセルの計6PxのRGBA 0（0、0、0、0.175）;
ボックス、シャドウ：12ピクセルの計6PxのRGBA 0（0、0、0、0.175）;
}
親メニュー項目をクリックすると、プルダウンメニューあなたがもう一度タップすると、ドロップダウンメニューを非表示にしていきます表示されます。原理はJS、親コンテナに「div.dropdown」表示または非表示にするには、プルダウンメニューを制御するために、「開く」のクラス名を追加または削除を経由して、非常に簡単です。ユーザーが再びクリックしたときに、「div.dropdown;これはデフォルト、「div.dropdown」クラス名「オープン」、ユーザーが最初にクリックすると、「div.dropdown」「オープン」クラス名を追加することで、 「コンテナのクラス名は」オープン「が削除されます。次のように達成源
{.dropdown-MENU .Open> ：
ブロックディスプレイと、
}