1

モバイル以上のサイズで動作する折りたたみ可能なメニューに問題があります。サイトにモバイルで折りたたみ可能なメニューとタブレットの縦向きビューを表示できるようにしたいのですが、サイトのサイズをモバイルよりも大きくすると(モバイルメニューがまだ表示されている場合)、メニューは表示されますが、折りたたみ機能は動作しません。非表示になっているはずの項目を表示し、メニュー ボタンをクリックして折りたたむと、再び表示されます。Bootstrap 3 Menu is not collapsed on Ipadを見ましたが、これが私の問題に関連しているかどうかはわかりませんでした。

私が取り組んでいるサイトはこちらです: http://sculpturewalk.designangler.com/

どんなアドバイスも素晴らしいでしょう。私はまだレスポンシブ Web デザインと Bootstrap に慣れていません。事前に助けてくれてありがとう。

4

2 に答える 2

0

.navbar-toggleデスクトップ非表示の css をコメントアウトし、レスポンシブ ユーティリティ クラスを使用しているようです。トグル ボタンを表示できるようにしましたが、トグル ドロップダウンのスタイルも拡張する必要があります。参考までに、トグルが機能しないという問題は見られませんでした。

于 2013-10-02T20:06:41.367 に答える
0

CSSをかなり編集した後、解決しました。ほとんどの場合、css を変更する必要があるメディア クエリを特定することでした。適切に機能させるには、いくつかのフロート ルールを追加し、いくつかの微調整を行う必要がありました。まったく機能しなかった最大の理由は、display:block;のルールがあったためです。768px を超える画面サイズの場合、それを削除するとうまくいくように見えました。

于 2013-10-02T20:50:21.430 に答える