Dropdown bukan tipe dalam formulir <Colly> <option value = ''> </pection> </ pilih>, tetapi jenis yang biasa ditemukan di bilah navigasi.
Situs web Bootstrap resmi memiliki penjelasan yang sangat kecil untuk dropdown menu dropdown, bahkan situs web bahasa Inggris resmi mereka.
Tidak ada penjelasan khusus tentang cara mengubah warna latar belakang menu drop-down, jika hyperlink hitam default dari menu drop-down dimodifikasi, dan cara mengubah menu drop-down ke hyperlink normal alih-alih gaya teks, situs web resmi tidak memiliki penjelasan khusus.
Selain itu, kode hyperlink dari situs web resmi dicampur dengan banyak parameter yang tidak berguna.
Penulis telah belajar sejak lama sebelum menemukan cara untuk mengubah menu drop-down.
Berikut ini adalah menu drop-down IE8 untuk Bootstrap. Di masa depan, Anda harus menggunakan IE8 untuk mengujinya . Browser canggih seperti Google telah menutupi banyak bug.
Menyediakan cara mengubah warna latar belakang menu drop-down, cara mengubah menu drop-down menjadi hyperlink normal alih-alih gaya teks jika Anda memodifikasi hyperlink hitam default.
Adapun cara mengubah bingkai menu drop-down, saya benar-benar tidak berdaya.
Untuk implementasi spesifik menu tarik-turun di atas, silakan merujuk ke kode berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/bootstrap.css" rel="stylesheet" media="screen"> <script type = "Text/JavaScript" src = "js/jQuery-1.11.1.js"> </script> <script type = "text/javaScript" src = "js/bootstrap.js"> </script> <title> menu dropdown tarik </iteme> </head> <Body> <v Div> <! --> <button type="button" data-toggle="dropdown"> Dropdown menu<!--This is the small triangle next to the dropdown menu--> <span></span> </button> <!--The dropdown-menu in the class and label-warning properties can change the background color of the dropdown menu--> <ul role="menu"> <li> <!--The text-info in the class here in the span is to make the color of the link in the Menu dropdown dari hitam ke biru yang lebih mirip hyperlink-> <a href = "#"> <span> Project 1 </span> </a> </li> <li> <a href = "#"> <span> Project 2 </span> </a> </li> </ul> </Div> </body> </html>
Menu tarik-turun tidak akan berfungsi tanpa dukungan jQuery. Menu drop-down awalnya komponen JavaScript.
Sebelum Bootstrap, tulis menu tarik-turun untuk menentukan lapisan tersembunyi. Lapisan ini akan ditampilkan setelah mouse melayang atau mengklik hyperlink yang sesuai. Ketika mouse melayang di sini untuk menyembunyikan lapisan, lapisan tersembunyi masih akan ditampilkan. Ketika mouse meninggalkan lapisan tersembunyi ini, lapisan tersembunyi akan terus berubah dari layar menjadi tersembunyi, yang sangat merepotkan.
Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan 3 topik menarik kepada Anda:
Tutorial Pembelajaran Bootstrap
Tutorial Praktis Bootstrap
Tutorial Penggunaan Plug-In Bootstrap
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.