1. Rumah
  2. Tags bootstrap

Tutorial Tags bootstrap Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,contoh,contoh lebih lanjut dari label,

Tags bootstrap

Bab ini akan menjelaskan tab Bootstrap. tag lain yang ditampilkan pada label dapat digunakan untuk menghitung, kiat-kiat atau halaman. Menggunakankelas .label untuk menampilkan label, seperti yang ditunjukkan dalam contoh berikut:

contoh

<H1> Contoh Heading <span class = "label label-default" > Label </ span> </ h1> <H2> Contoh Heading <span class = "label label-default" > Label </ span> </ h2> <H3> Contoh Heading <span class = "label label-default" > Label </ span> </ h3> <H4> Contoh Heading <span class = "label label-default" > Label </ span> </ h4>

Coba »

Hasilnya adalah sebagai berikut:

label

Anda dapat menggunakankelas dimodifikasi label-default, label-primer, label-sukses, label-info, label-peringatan, label-bahaya untuk mengubah penampilan label, seperti yang ditunjukkan dalam contoh berikut:

contoh

<Span class = "label label-default" > tab default </ span> <Span class = "label-label utama" > Tag utama </ span> <Span class = "label label-sukses" > tag sukses </ span> <Span class = "label label-info" > tab </ span> <Span class = "label label peringatan" > Peringatan Label </ span> <Span class = "label label-bahaya" > label risiko </ span>

Coba »

Hasilnya adalah sebagai berikut:

tag varian

contoh lebih lanjut dari label

kategori deskripsi contoh
.label label-default label abu-abu bawaan mencoba
.label label-primer Jenis "Primary" label biru mencoba
.label label-sukses "Sukses" jenis label hijau mencoba
.label label-info "Info" Jenis label biru muda mencoba
.label label peringatan "Peringatan" Jenis label kuning mencoba
.label label-bahaya "Bahaya" Jenis label merah mencoba

Tutorial Panas

Hubungi kami

Tags bootstrap
10/30