Untuk membuat list pada bootstrap kita cukup menambahkan class "list-group" pada element pembuka list.
Contohnya pada tag <ul> pembuka.
Contohnya pada tag <ul> pembuka.
<ul class="list-group">Kemudian kita tambahkan class "list-group-item" pada tiap tag <li> pembuka untuk menandakan bawha list tersebut merupakan anak dari list.
<li class="list-group-item">Contoh
Di bawah ini adalah hasil dari script di atas
Kita juga bisa membuat penanda dengan warna pada List Bootstrap. Caranya teman-teman menambahkan class di bawah ini :
- .list-group-item-success => Untuk memberi warna hijau pada list
- .list-group-item-info => Untuk memberi warna biru pada list
- .list-group-item-warning => Untuk memberi warna kuning pada list
- .list-group-item-danger => Untuk memberi warna merah pada list
Di bawah ini adalah hasil dari script di atas.
membuat list dengan bedge bootstrap.
di bawah ini adalah hasil dari script di atas.
Tidak ada komentar :
Posting Komentar