ในบทความก่อนหน้านี้ฉันแนะนำเทมเพลตระบบสำหรับคุณสำหรับการสร้างเมนูพับทางด้านซ้าย (i) สำหรับรายละเอียดโปรดคลิกเพื่อเรียนรู้เพิ่มเติม
1. เกี่ยวกับข้อผิดพลาดบทความก่อนหน้า
มีคำถามและข้อบกพร่องที่เกิดขึ้นจากเพื่อนหลายคนในบทความก่อนหน้า ให้ฉันพูดสั้น ๆ เกี่ยวกับพวกเขา
1>. เช่นเวอร์ชันสนับสนุน?
สิ่งเหล่านี้ฉันเขียนเป็นเพียงการทดสอบ Firefox Google Browse สามารถเพิ่มรหัสภายใต้ IE8+ เพื่อความเข้ากันได้
<!-[ถ้า lt ie 9]> <script src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </script> <สคริปต์ src = "http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"> </script> <! [endif]->
หากคุณต้องการเข้ากันได้กับ Super Browser IE6 โปรดดู: http://www.bootcss.com/p/bsie/
2>. การใช้ป้ายขอบคุณสำหรับเคล็ดลับสำหรับการซื้อขาย baidixing
ขึ้นอยู่กับนิสัยการใช้งานของทุกคน
3>. แบบอักษรที่อยู่ด้านล่างเมนูรองของโค้ดตัวอย่างไม่ได้มีขนาดเท่ากันใน Firefox และ Google ขอบคุณสำหรับการชี้ออกโดย Baidixing
เนื่องจากฉันกำลังดีบั๊กในการท่องเว็บของ Google Chrome ไม่รองรับแบบอักษรต่ำกว่า 12px ตามค่าเริ่มต้น
2. เมนูการพับเวอร์ชันเต็มด้านซ้าย
เพื่อนที่สนใจสามารถคลิกเพื่อดูการสาธิตเอฟเฟกต์: http://static.demo.ruyo.net/bootstrap_left_menu.html2.html
1>. ลูกศรเปลี่ยนไปเมื่อเมนูขยายและผสาน
<a href = "#systemsetting" data-toggle = "การล่มสลาย"> <i> </i> การจัดการระบบ <span> </span> </a> <ul id = "systemsetting" style = "ความสูง: 0px;"> <li> <a href = "#"> <i> </i> การจัดการ </a> </li> <li> <a href = "#"> <i> </i> การจัดการบทบาท </a> </li> <li> <a href = "#"> <i> </i> แก้ไขรหัสผ่าน </a> </li> <li> ลูกศร*/. nav-header.collapsed> span.glyphicon-chevron-toggle: ก่อน {เนื้อหา: "/e114";2>. เลือกสไตล์ในเมนูรอง
.SecondMenu a {font-size: 12px; color: #4a515b; text-allign: center;}. secondMenu li.active {พื้นหลังสี: #EEE; สีชายแดน: #428BCA;}Wulin.com แนะนำหัวข้อที่เกี่ยวข้องกับ bootstrap:
ทักษะการใช้งานส่วนประกอบ bootstrap
สรุปความรู้ที่เกี่ยวข้องกับ bootstrap
ด้านบนเป็นความรู้ที่เกี่ยวข้องเกี่ยวกับ bootstrap การสร้างเทมเพลตระบบ (ii) บนเมนูการพับด้านซ้ายที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!