トグル折りたたみCSSの問題

私は、モバイルメニューを最初に開いた後に再折りたたむことができないCSSで問題が発生しています。問題を追跡できないようだ。トグル折りたたみCSSの問題

あなたはここにCSSや機能を調べることができます。私はこれを学び、修正できるようにhttp://www.whatshoulditraintoday.com/

誰かがここで何が起こっているのに有効な、について説明を提供していただけますか？

は

出典

2016-05-17 user3337360

MCVEの情報について[ヘルプ]を確認して投稿に追加してください。その後、あなたを助けるのがはるかに簡単になります！ – TylerH

私はそのサイトのどの部分が壊れているのか分かりません。望ましくない動作を再現するための手順をいくつかのコードと予想される動作で提供できますか？ – mjw

あなたのエラーを見つけるためにこのブートストラップの例と比較してください。http://www.bootply.com/lbIb5ZaHbq助けることができません – CY5

あなたのページにブートストラップのファイルを2回ロードするために、ナビゲーションバーが再崩壊はしない理由をいただき、ありがとうございます。 1つの正規版と1つの縮小版。

<!-- In head --> 
<link href="/Content/bootstrap.css" rel="stylesheet"> 
<link href="/css/bootstrap.min.css" rel="stylesheet"> 

<!-- In body --> 
<script src="/js/bootstrap.min.js"></script> 
<script src="/Scripts/bootstrap.js"></script>

1つのバージョンを削除すると、期待どおりに再折りたたまれます。

出典

2016-05-17 20:05:31

私はどのように愚かです！これを見つけ出す最良の方法は何でしたか？私はこれをもう一度馬鹿にするのを避けることができますか？私はまだウェブ開発について学んでいます:) – user3337360

最初にやったことは、関連する要素の構造を見ていて、うまく見えました。その後、私はDevToolsを見て、折り畳みボタンを押したときに何が起こっているのかを見ました。折りたたみ可能な要素を変更しようとしましたが、すぐにすべてがクリアされていました（ビューは更新されませんが、DevToolsで見ることができます）。それは何かが更新しようとすると、別のものが戻って更新しようとすると見えた。それはブートストラップのクラスとコードだけに依存しているので、そこで重複を探しました。ホープそれは助ける:) –

素晴らしい。あなたの説明に感謝します。私はこのようなルーキーミスに気をつけています！ – user3337360

トグル折りたたみCSSの問題

答えて

関連する問題