Glyphiconsフォントアイコン
base class.glyphicon {position/top/display/font-family/}
コンクリートクラス{content} - 擬似要素に現れます
使用点:a。基本クラス +特定のクラスb。一般的なアイコンとテキストの間にスペースを追加します
注:a。他のコンポーネントと混合しないで、単一のタグを使用して、通常はスパンを使用します。
b。フォントアイコンクラスを使用したタグは、要素をネストしたり、テキストを含めるべきではありません
フォントアイコンソースファイルの位置を変更します:CSS位置に対するデフォルト、および../fonts/ディレクトリで、場所を変更する必要がある場合は、変更を減らす、またはコンパイルされたCSSをコンパイルする必要があります
ポップアップメニューを引き下げます
a。アウトソーシング要素b。引き下げて跳ね返るトリガーc。メニューリスト
アウトソーシング要素class.dropdown/.dropup {position}
プルダウンとフリップアップトリガーデータトグルは、JSフックに使用され、外側の要素オープンクラスの開閉を切り替えます
メニューリストDropdown-Menu {position/top/左/z-index/float/padding/margin/border/box-shadow}
EG:div>(button+ul)(デフォルトはドロップダウン)
<div> <! - この要素のクラスは、ドロップダウン/ドロップアップに設定できます。 - > <! - アウトソーシング要素 - > <ボタンデータトグル= "ドロップダウン"> <! - ポップダウントリガー - >ドロップダウン<span> </span> </button> <ul> <ここに</a> </li> <li> <a href = "#">分離リンク</a> </li> </ul> </div>
プルダウンポップアップメニュー - アライメントします
デフォルトの左アライメント
左ALIGNMENT.DROPDOWN-MENU-LEFT {右/左}
右アライメント。dropdown-menu-right {右/左}
他の要素によって引き起こされる要素オーバーフローはブロックされており、自分で解決する必要があります。
<ul> ... </ul>
ポップアップメニュー - メニュータイトル
title.drop-header {font-size/color}
<ul> ... <li>ドロップダウンヘッダー</li> ... </ul>
ポップアップメニュー配信の行にプルダウンします
ディバイダー{height/margin/background-color} - role = "separator"
<ul> ... <li chole = "separator"> </li> ... </ul>
プルダウンポップアップメニュー - メニューを無効にします
無効{色}
<ul> ... <li> <a href = "#">無効リンク</a> </li> ... </ul>
上記のコンテンツは、編集者が紹介したブートストラップコンポーネントの関連する知識です。それがあなたに役立つことを願っています!