css - Twitter ブートストラップ ドロップダウン カットオフ

Question

ドロップダウンメニューを含む固定ナビゲーションバーを作成しました。ただし、ドロップダウン メニューは切り取られており、クリックしても表示されません。

http://svn.figure8.be/bootstrap/menu.htmlでデモを見ることができます。

誰かが私を正しい方向に向けてくれることを願っています。

Answer 1

.collapsebootstrap.min.css には、クラスにオーバーフローと呼ばれるプロパティがあり、非表示に設定されています。このプロパティを削除すると機能します。これは、オーバーフロー プロパティがあるクラスです。

.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}

または、表示するように設定することもできます

.collapse {
position: relative;
height: 0;
overflow: visible;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}

Answer 2

崩壊クラスを削除すると、問題が解決します。

Answer 3

崩壊クラスがこれを引き起こし、オーバーフロー要素を非表示にするoverflow:hiddenを追加します。