Bootstrap Duyarlı Daraltılmış Alt menü birinci çöküşü

Question

üzerinde yüksekliğe Bu sorun (Bildiğim kadarıyla) Heyecan Bootstrap sürümleri tüm sergilenen edilebilir belirlemiştir. Yani, bir navbar var ve ekran küçük olduğunda, bir kapatılabilen tepsi haline gelir. Bu davranış, bootstrap demo sitesinde görülebilir. Ayrıca, başlangıçtaki navbar genişlemesinde daraltılmış görünen alt menülerim var. Sorun, ilk çöküşte, daraltılabilir açık bir yükseklik kümesi alır. Kapatırsanız ve yeniden genişlerseniz, daraltılabilir bir alt menü öğesi tıklattığımda, açılan genişletilmiş, ancak açıkça ayarlanan yükseklik nedeniyle taşması nedeniyle, bir height:auto;

alır.

Benim çözüm girişimi ekleyerek oldu:

Bu hiç de etkileyecek gibi görünmüyor

$(function() { 
    $('.nav-collapse').on({ 
    shown: function() { 
     $(this).css('height', 'auto'); 
    }, 

    hidden: function() { 
     $(this).css('height', '0px'); 
    } 
    }); 
}); 

, ben bu kodu Sildikleriniz ve hala aynı etkiye sahiptir. Bir JS Fiddle yardımcı olsaydıher birini sunmaktan mutluluk duyarım, ama Bootstrap demo sitesinde tüm bu görebilirsiniz. peşin

sayesinde Charles.

Answer 1

Biraz rahatsız ettim ve bazı aramalardan sonra, sorunun .collapse sınıfını .nav-collapse öğeye ekleyerek çözülebildiğini buldum.

biz sadece Meh demek bu zamanın

Working demo (jsfiddle)

Bir .. ben (Responsive navbar bakınız) mektuba doc izlemesi gerekirdi: kuşaklar için

<div class="nav-collapse collapse"> 
    <!-- .nav, .navbar-search, .navbar-form, etc --> 
</div> 

---

:

Bu sorunun

öğrendim teşekkürler: https://github.com/twitter/bootstrap/issues/3788

Ben gerçekten ilgili olup olmadığını emin değilim ama benim ayıklama zaten sıfırlama ilk geçiş yüksekliği sorunu (source) gösterdi: Sen demo sitesi veya bir JS Fiddle bir bağlantı sağlamalıdır

$.support.transition && this.$element[dimension](this.$element[0][scroll]) 

Answer 2

Bootstrap çöküşü elemanının başlatma üzerinde 280px için eleman tarzı yüksekliğini ayarlıyor.

ben beklediğiniz gibi

$("#avail_detail").collapse(); 
$("#avail_detail").css("height","auto"); 

Ve şimdi işler davranırlar) (.collapse hakkı benim çağrısından sonra benim hazır() fonksiyonunda bu JQuery hattını ekledi.