Di artikel sebelumnya, saya memperkenalkan kepada Anda templat sistem untuk membuat menu terlipat di sebelah kiri (i). Untuk detailnya, silakan klik untuk mempelajari lebih lanjut.
1. Tentang bug artikel sebelumnya
Ada pertanyaan dan bug yang diajukan oleh beberapa teman di artikel sebelumnya. Izinkan saya membicarakannya secara singkat tentang mereka.
1>. Yaitu dukungan versi?
Ini saya tulis hanya menguji Firefox Google Browse. Kode dapat ditambahkan di bawah IE8+ untuk kompatibilitas.
<!-[jika lt yaitu 9]> <skrip src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </skrip> <skrip src = "http://cdn.bootcss.com/respress.js/1.4.2/respress.min.js"> </script> <! [Endif]->
Jika Anda ingin kompatibel dengan Super Browser IE6, silakan lihat: http://www.bootcss.com/p/bsie/
2>. Penggunaan lencana, terima kasih atas tips untuk Baidixing
Ini tergantung pada kebiasaan penggunaan semua orang.
3>. Font di bawah menu sekunder dari kode sampel tidak memiliki ukuran yang sama di Firefox dan Google , terima kasih atas tunjukkannya oleh Baidixing.
Karena saya sedang men -debug di Google Browsing, Chrome tidak mendukung font di bawah 12px secara default.
2. Versi lengkap dari menu lipat di sebelah kiri
Teman yang tertarik dapat mengklik untuk melihat demonstrasi efek: http://static.demo.ruyo.net/bootstrap_left_menu.html2.html
1>. Panah berubah saat menu mengembang dan menggabungkan
<a href = "#Systemsetting" data-koggle = "collapse"> <i> </i> Manajemen Sistem <span> </span> </a> <ul id = "Systemsetting" style = "tinggi: 0px;"> <a> <a href = "#"> </i> </i> </a> <pu> <i> <i> </i> </a> <pu> <i> <pu> <i> </i> </a> </i> <i> <i> <" Manajemen </a> </li> <li> <a href = "#"> <i> </i> Manajemen peran </a> </li> <li> <a href = "#"> <i> </i> memodifikasi kata sandi </a> </li> <li> <a> </u- "> </u> </li> </li> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <a> <i> <a> <i> <a> <a> <a> <a> <a> <a> <a> <a> <a> <i> <a> <i> Panah*/. Nav-header.collapsed> span.glyphicon-chevron-koggle: sebelum {konten: "/e114";}.nav-header> span.glyphicon-chevron-koggle: sebelum {konten:"/e113 ";}2>. Pilih gaya di menu sekunder
.secondmenu a {font-size: 12px; warna: #4a515b; text-align: center;}. SecondMenu li.active {latar belakang-warna: #eee; border-color: #428bca;}Wulin.com merekomendasikan topik terkait bootstrap:
Keterampilan operasi komponen bootstrap
Ringkasan Pengetahuan Terkait Bootstrap
Di atas adalah pengetahuan yang relevan tentang bootstrap yang membuat templat sistem (ii) pada menu lipat kiri yang diperkenalkan oleh editor. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!