2016-04-14 17 views
0

私はブートストラップを使用しており、デスクトップ/タブレットとモバイルのさまざまなメニューで作業しています。私はデスクトップ/タブレットのための標準的な一番上の固定のnavbarを持っていて、いくつかのタブは、複数のカラムを持つドロップダウンメニューで、これをモバイル用に非論理的にしているので、スライドプッシュメニューをしています。誰かが効率的に行う方法の一般的な方向で私を指摘できますか?私はメニュー自体を実装する方法を知っていますが、それぞれのデバイスに表示されるのは簡単です。メディアクエリとdisplay:noneをそれぞれのメニューに使用する必要がありますか、JS if文を使用する必要がありますか?後者は、他のメニューが広範であるため、モバイル版ではサイトを読み込み速度が遅くなる可能性がありますか?モバイル用/デスクトップ用の異なるメニュー

私はSEを検索して答えを見つけましたが、それはWPのためのものでしたので、本当に助けにはなりませんでしたが、if文を使用しました。ご協力いただきありがとうございます!

+0

メディアクエリと表示なし合理的なアプローチです – aw04

+0

皆さん、助けてくれてありがとう、完璧です。 –

答えて

2

ブートストラップを使用している場合、画面の幅によって隠されている部分を示すために使用できるクラスがあります。

これらのクラスは、hidden-xs,hidden-smなどです。

は、ブートストラップドキュメント上でこれを参照してください:メディアクエリでdisplay : noneを使用して http://getbootstrap.com/css/#responsive-utilities

2

は仕事をして文句を言わないモバイル版ですべての問題が発生します。

関連する問題