17

ナビゲーション バーにサブメニュー項目がある折りたたみ可能なメニューを使用しています。狭いディスプレイでメニューが適切に折りたたまれ、サブメニュー項目が適切に表示されます。

しかし、モバイル デバイスでサブメニュー項目をクリックすると、リンクが機能しません。代わりに、サブメニューが折りたたまれ、折りたたまれたメニューの一番上のメニュー項目が強調表示されます。これは、サブメニューが開かれず、「クリック」が下にある要素に到達したかのように表示されます。

デスクトップ ブラウザでページをテストすると、すべて正常に動作します。

いくつかのブートストラップ スタイルをカスタマイズしましたが、ほとんどは色などです。

何か案は？ティア。

4

6 に答える 6

0

メニュー項目リストが長すぎる場合は、CSS に次のコードを追加して、モバイル ブラウザーで完全なメニューを表示できるようにする必要がある場合があります (iOS でテスト済み)。

@media (max-width: 1023px) {
.nav-collapse {
    overflow-y: auto;
}
}
于 2013-07-11T17:23:11.170 に答える
0

私は手早く汚いことをしなければならなかったので、「昔」に使っていたものを使いました。
私は私のリンクを与えました：<a style="position:relative;z-index:1000" ...

于 2016-12-12T16:17:43.353 に答える
0

私は同じ問題を抱えていましたが、この修正は私にとってはうまくいきました：

https://github.com/stevecoug/bootstrap/commit/b2a23b222fd05fa824ed05fb096971321ad3dba1

于 2013-12-03T03:19:40.973 に答える
0

ナビゲーションやメニューとしてではなく、単なる折りたたみ可能なパネル ( http://www.w3schools.com/bootstrap/bootstrap_collapse.aspなど) として Bootstrap を使用して折りたたみ可能なパネルを試してみたところ、同じ問題に遭遇しました。

少なくとも私の電話では、変更<a...>が役立つことに気付きました（実際、例でも使用されています）。その後、リンクのように見えるようにボタンのスタイルを設定できます。実際には、これを正確に行う Bootstrap CSS クラスが呼び出されるか、独自の凝ったスタイルを追加できます。私の使用例では、これが最も単純で簡単な解決策でした。<button...>buttonbtn-link

于 2016-05-30T17:04:03.423 に答える