0

私は Modern Business ブートストラップ テーマを使用しています: http://startbootstrap.com/templates/modern-business/そして、CSS コードを適用してメイン メニューにロールオーバー メニューを実行させる場合:

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block; 
}

モバイル ビューでは、下部のメニューが「navbar-collapse」コンテナーによって切り取られます。z-index と position を使用してすべての CSS コードを複数回試してみましたが、何も変わりません。ドロップダウンメニューを親コンテナの上に表示する方法を知っている人はいますか? このCSS（ http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css ）を使用すると、これの裏返しになりますが、コードが異なる特定の場所が見つかりません私が使用している CSS ( http://startbootstrap.com/templates/modern-business/css/bootstrap.css ) から、私はそれが異なることを知っていますが、nav タグはすべてかなり似ています。

ドロップダウンが途切れる

4

1 に答える 1

0

そのため、両方の CSS ファイルを何度も調べて、オンとオフを切り替え、トラブルシューティングを行いました。startbootstrap.com css ではすべての .navbar-collapse クラスをオフにする必要があることが判明したため、すべてのクラスをコメントアウトします。

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}
于 2013-10-17T20:39:53.123 に答える