القائمة المنسدلة لا تعمل بعد تغيير الحجم

Question

لقد بدأت باستخدام bootstrap وقمت بإنشاء قالب html صغير باستخدام رأس القائمة فقط (مع العناصر المنسدلة).

المشكلة هي أنه بعد أن قمت بتغيير حجم النافذة لتكون صغيرة بما يكفي لفرض طي القائمة المستجيبة، استخدم القائمة المنسدلة (التنقل) أثناء طيها، وبعد ذلك قمت بتكبير النافذة، يتوقف عنصر القائمة المنسدلة عن العمل (يظهر تمرير لعرض المحتوى بدلاً من النزول).

عينة من الرموز؟ما عليك سوى تجربة "قالب Navbar" من bootstrap: http://getbootstrap.com/examples/navbar/

هل هناك أي حل معروف لهذه المشكلة؟

تم اختباره في Firefox وChrome.

Answer 1

تحديث

أضف هذا بعد css bootstrap الخاص بك:

giveacodicetagpre.

- تحديث نهاية

نعم، هذه المظهر "غريب" من الفئة "في الفئة" لها تأثير بعد إعادة الحجم لا يزال.

يمكنك إزالة الفئة باستخدام jQuery:

giveacodicetagpre.

تغيير حجم التعليمات البرمجية من: تغيير اسم الطبقة بشكل حيوي بناء على حجم النافذة < / A>، حلول أفضل للقيام بذلك: كيفية اكتشاف نقاط التوقف استجابة من Twitter Bootstrap 3 باستخدام JavaScript؟

ربما من الممكن أيضا إعادة تعيين الفئة .in لفصل الشاشة فوق نقطة توقف مع استعلام وسائط.

يبدو أنه علة، انظر: https://github.com/twbs/ Bootstrap / القضايا / 11243

Answer 2

الإجابة الأخرى لم تنجح من أجلي، حيث أضافت فئة الانهيار عرضا: لا شيء؛(ربما نسخة مختلفة من bootstrap).الحل الذي عمل بالنسبة لي هو إضافة إلى CSS الخاص بك:

giveacodicetagpre.

بالنسبة لي حدثت المشكلة عندما أفتح ثم أغلق القائمة المنهارة، تليها تغيير الحجم.نأمل أن يساعد هذا.

Answer 3

لقد نجح فرض الارتفاع التلقائي على العنصر المنهار (فوق نقطة الانهيار) بالنسبة لي.

ابحث عن المعرف أو الفئة على زر التبديل على سبيل المثال. data-target=".navbar-ex1-collapse" واستخدم min-width (نقطة الانهيار):

@media screen and (min-width: 768px){
    .navbar-ex1-collapse { height:auto !important;}
}