前の記事では、左側（i）に折り畳まれたメニューを作成するためのシステムテンプレートを紹介しました。詳細については、クリックして詳細をご覧ください。
1。前の記事のバグについて
前の記事では、数人の友人が提起した質問やバグがあります。それらについて簡単に話しましょう。
1>。 IEバージョンのサポート？
私が書いたこれらは、Firefox Google Browseをテストするだけです。互換性のために、IE8+の下にコードを追加できます。
<！ - [if lt ie 9]> <script src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </scrip> <スクリプトsrc = "http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"> </script> <！[endif] - >
スーパーブラウザIE6と互換性がある場合は、http：//www.bootcss.com/p/bsie/を参照してください。
2>。バッジの使用、Baidixingのヒントをありがとう
これは、すべての人の使用習慣に依存します。
3>。サンプルコードのセカンダリメニューの下のフォントは、FirefoxとGoogleで同じサイズではありません。Baidixingが指摘してくれてありがとう。
Googleブラウジングでデバッグしていたため、Chromeはデフォルトで12px未満のフォントをサポートしていません。
2。左側の折りたたみメニューのフルバージョン
興味のある友達はクリックして効果のデモンストレーションを表示できます：http：//static.demo.ruyo.net/boottrap_left_menu.html2.html
1>。メニューが展開してマージされると、矢印が変わります
<a href = "＃システムセット" data-toggle = "collapse"> <i> </i>システム管理<span> </span> </a> <ul id = "systemsetting" style = "heigh：0px;"> <li> <a href = "＃"> <i> </i>ユーザー管理</a>管理</a> </li> <li> <a href = "＃"> <i> </i>ロール管理</a> </li> <li> <a href = "＃"> <i> </i>パスワードの変更</li> <li> <a href = "＃"＃<i> </i> view </a> </li> </ur> Arrow*/。Nav-Header.Collapsed> span.glyphicon-chevron-toggle：before {content： "/e114";} .nav-header> span.glyphicon-chevron-toggle：before {content："/e113 ";}2>。セカンダリメニューのスタイルを選択します
.secondmenu a {font-size：12px; color：＃4a515b; text-align：center;}。secondmenu li.active {background-color：#eee; border-color：＃428bca;}wulin.comは、ブートストラップ関連のトピックを推奨しています。
ブートストラップコンポーネント操作スキル
ブートストラップ関連の知識の概要
上記は、編集者が導入した左折りたたみメニューにシステムテンプレート（II）を作成するブートストラップに関する関連する知識です。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！