1。ナビゲーション分析（NAV）
ソースコードファイル：
_NAVS.SCSS：ナビゲーションモジュール
MIXINS/_NAV-DIVIDER.SCSS：分割線
Mixins/_nav-vertical-Align.scss：垂直アライメント
1. CSSでスタイルが整ったばかりで、JSに依存していません。
2.ナビゲーションモジュールには、プルダウンモジュールを含めることができます
3.水平、垂直、水平方向の等分布（テーブルセルの実装、4.0削除）、タブ、カプセル、その他のスタイルを実現する
4。Nav-divider：分割線を実現するためのピクセルの高さがあります
5。NAVスタック：垂直アライメント実装
6.タブをラップするタブコンテンントクラスを提供すると、タブペインがタブページ拡張機能のコンテンツ領域として使用されます
7. NAV-Tabsの下でのドロップダウンは、1ピクセルを上方に収縮するために処理されています。これは、NAV-Tabsが収益を上げ、1ピクセルを上方に収縮せず、空白のギャップがあるためです。
//特定のドロップダウン。Nav-Tabs .DropDown-Menu {//ドロップダウンボーダーオーバーラップタブBorderマージントップ：-1px; //メニューの上にハードエッジがあるので、ここの上部の丸い角を削除します@include border-top-radius（0）;}2。崩壊効果
ソースコードファイル：
Mixins/_Component-Animations.scss：折りたたみ効果を達成するための実装を崩壊させます
JavaScripts/bootstrap/collapse.js：崩壊効果の実装
1。$ this.data（）すべてのデータを収集します - *データ
2。親の財産：現在の崩壊が親によって制御されることを指定します。これは、主に1つのコントロールと多くの効果を実現します。以下は、同じ親の下にすべての子供リストを隠すコードです。
$ $（this.options.parent）.find（ '[data-toggle = "collapse"] [data-parent = "' + this.options.parent + '"]'）。
3. Praentの実装には、.Panelクラスの統合も必要です。検索すると、すべてのサブリストが.Panelクラスの下に配置されていると考えられているためです。
4。JQuery'sEnd（）方法：現在のフィルターチェーンを終了し、一致する要素を前の状態に復元します（チェーンが始まる位置）
$（ "p"）。find（'。bak '）。find（' span '）。end（）：restore to $（ "p"））
5。ScrollHeight：ページの高さ（実際の高さ/幅を拡張する幅を取得します）には、ウィンドウの目に見えない部分が含まれています。これは、展開する最大値を識別するために崩壊するために使用され、動きが完了した後に高さ/幅がクリアされます。
var scrollsize = $ .camelcase（['scroll'、dimension] .join（ ' - '））this。$ element（ 'bstransitionEnd'、$ .proxy（complete、this））.emulatetransitionEnd（collaps.transition_duration）[dimension]（$ element [0] [scrollisize]））
6.処理要素は2つのカテゴリに分割されます。1つは要素自体（$要素）を展開または非表示にすることです（$要素）、もう1つはボタンに触れて要素を開発または非表示にすることです（$トリガー）
7。Hidenメソッドでは、折り畳まれた領域の高さが再描画され、実際の領域の高さが得られます。
this。$ element [dimension]（this。$ element [dimension]（））[0] .offseigh
8. Hidenメソッドのトリガーは、ショーメソッドの判断によりデフォルトでトリガーされます。
if（actives && actives.length）{plagin.call（actives、 'hide'）activesdata || Actives.data（ 'bs.collapse'、null）}上記はこの記事に関するものです。誰もがJavaScriptプログラミングを学ぶことが役立つことを願っています。