Ikon Font Glyphicons
Base class.glyphicon {position/top/display/font-family/}
Kelas Beton {Content}-dimanifestasikan pada elemen semu
Poin Penggunaan Kunci: a. Kelas Dasar + Kelas B spesifik. Tambahkan ruang antara ikon umum dan teks
Catatan: a. Jangan bercampur dengan komponen lain, gunakan tag tunggal, umumnya menggunakan rentang, misalnya: <span> </span>
B. Tag yang telah menggunakan kelas ikon font tidak boleh lagi menyarangkan elemen atau berisi teks
Ubah lokasi file sumber ikon font: Default relatif terhadap posisi CSS, dan di direktori ../fonts/, jika Anda perlu mengubah lokasi, memodifikasi lebih sedikit atau dikompilasi CSS
Tarik menu pop-up
A. Elemen outsourcing b. Tarik ke bawah dan membalikkan pemicu c. Daftar menu
Outsourcing elemen class.dropdown/.dropup {position}
Tarik ke bawah dan flip-up pemicu data-kilat digunakan untuk kait JS, beralihlah pembukaan dan penutupan kelas terbuka elemen luar
Daftar Menu Dropdown-menu {position/atas/kiri/z-index/float/padding/margin/border/box-shadow}
misalnya: Div> (tombol+UL) (default adalah dropdown) Div dapat menambahkan class.dropdown atau dropup atau menambahkan gaya relatif
<SEV> <!- Kelas elemen ini dapat diatur ke dropdown/ dropup/ atau diatur ke gaya secara terpisah ke posisi: relatif; --> <!-- Outsourcing element--><button data-toggle="dropdown"> <!-- Popup trigger-->Dropdown<span></span></button><ul> <!-- Popup menu--><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else di sini </a> </li> <li> <a href = "#"> tautan terpisah </a> </li> </ul> </div>
Tarik menu pop -up - align
Penyelarasan kiri default
Left Alignment.dropdown-menu-left {kanan/kiri}
Kanan-aligned.dropdown-menu-right {kanan/kiri}
Elemen yang disebabkan oleh elemen lain overflow diblokir dan perlu diselesaikan sendiri.
<ul> ... </ul>
Tarik menu pop -up - judul menu
Title.drop-header {font-size/color}
<ul> ... <li> Header dropdown </li> ... </ul>
Tarik ke bawah ke baris menu pop-up
Divider {Height/Margin/Background-Color} --dol = "Pemisah"
<ul> ... <Li Role = "Separator"> </li> ... </ul>
Menu pop-up pull-down-Nonaktifkan menu
Dinonaktifkan {color}
<ul> ... <li> <a href = "#"> tautan dinonaktifkan </a> </li> ... </ul>
Konten di atas adalah pengetahuan yang relevan dari komponen bootstrap yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda!