في المقالة السابقة ، تعرفت عليك قالب النظام لإنشاء قائمة مطوية على اليسار (I). للحصول على التفاصيل ، يرجى النقر لمعرفة المزيد.
1. حول علة المقالة السابقة
هناك أسئلة وأخطاء أثارها العديد من الأصدقاء في المقالة السابقة. اسمحوا لي أن أتحدث عنهم لفترة وجيزة.
1>. أي دعم الإصدار؟
هذه كتبت فقط اختبار Firefox Google Browse. يمكن إضافة الكود تحت IE8+ للتوافق.
<!-[if lt ie 9]> <script src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </script> <script src = "http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"> </script> <! [endif]->
إذا كنت تريد أن تكون متوافقًا مع المتصفح الفائق IE6 ، فيرجى الاطلاع على: http://www.bootcss.com/p/bsie/
2>. استخدام الشارة ، شكرًا لك على نصائح Baidixing
هذا يعتمد على عادات استخدام الجميع.
3>. الخطوط الموجودة أسفل القائمة الثانوية لرمز العينة ليست بنفس الحجم على Firefox و Google ، شكرًا على الإشارة إلى Baidixing.
نظرًا لأنني كنت أقوم بتصحيح تصحيح Google ، فإن Chrome لا يدعم الخطوط التي تقل عن 12 بكسل افتراضيًا.
2. النسخة الكاملة من القائمة القابلة للطي على اليسار
يمكن للأصدقاء المهتمين النقر لعرض عرض التأثير: http://static.demo.ruyo.net/bootstrap_left_menu.html2.html
1>. يتغير السهم مع توسيع القائمة ودمجها
<a href = "#systemsetting" data-toggle = "collapse"> <i> </i> إدارة النظام </span> </a> <ul id = "systemsetting" style = "height: 0px ؛ الإدارة </a> </li> <li> <a href = "#"> <i> </i> إدارة الأدوار </a> </li> <li> <a href = "#"> <i> </i> تعديل كلمة المرور </a> </li> <li> <li> <li> السهم*/. nav-header.collapsed> span.glyphicon-chevron-toggle: قبل {المحتوى: "/e114" ؛).2>. حدد النمط في القائمة الثانوية
.secondmenu a {font-size: 12px ؛ color: #4a515b ؛ text-align: center ؛}.يوصي wulin.com بمواضيع ذات صلة بالتمهيد:
مهارات تشغيل مكون Bootstrap
ملخص المعرفة المتعلقة بالتمهيد
ما سبق هو المعرفة ذات الصلة حول Bootstrap إنشاء قالب نظام (2) في القائمة القابلة للطي اليسرى التي أدخلها المحرر. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!