此問題可以在所有(我知道的)Twitter Bootstrap版本中展示。所以,我有一個導航欄,當屏幕較小時,它變成一個可摺疊的托盤。這種行爲可以在引導演示站點上看到。我也有子菜單,它們在最初的導航欄展開時顯示爲摺疊狀態。問題是,在第一次崩潰時,collapsable會得到一個明確的高度集。如果關閉並再次展開,則可摺疊對象將獲得height:auto;
Bootstrap Responsive摺疊子菜單在第一次摺疊時具有固定高度
因此,當我單擊子菜單項時,下拉列表將展開,但由於顯式設置了高度,所以會溢出。
我試圖溶液中加入:
$(function() {
$('.nav-collapse').on({
shown: function() {
$(this).css('height', 'auto');
},
hidden: function() {
$(this).css('height', '0px');
}
});
});
這似乎並沒有影響到它在所有的,我已經刪除了這些代碼,它仍然具有相同的效果。如果JS小提琴能夠提供幫助,我很樂意提供,但您可以在Bootstrap演示站點上看到所有這些內容。
在此先感謝, 查爾斯。
你應該提供一個鏈接到您的演示網站或JS提琴。這裏很難理解你的問題。我們廣泛使用bootstrap,並沒有任何溢出問題。 – Mauricio
@Mauricio http://jsfiddle.net/nczJF/ - 點擊紙盤,然後嘗試下拉菜單,然後關閉紙盤並再次嘗試,並且應該按預期展開。謝謝! –