Bootstrap 4 Liste Grupları (List Groups)Bootstrap 4'te liste elemanlarını bir grup halinde gösterebilmek için yapılması gereken 2 işlem vardır.
1. kapsayan
ulelemanına .list-group,
2. içteki
lielemanlarına .list-group-item,
class özellikleri verilmesi gerekir.
Örnek:
- İlk Eleman
- İkinci Eleman
- Son Eleman
Liste Grupları Aktif ve Engelli(Active / Disabled)Liste gruplarında liste elemanı nesnesini aktif yapabilmek için
lielemanına .active class değeri eklenmelidir.
Liste elemanı seçilmesini engellemek(disabled) için ise
lielemanına .disable class değeri eklenmelidir.
Renki Liste GruplarıBootstrap4'te liste elemanları hazır renkler ile renklendirilebilir. Bunun için
lielemanına .list-group-item-* class değerleri eklenmelidir.
Not:* işaretli bölüme renk adı gelecektir.
Örnek:
- Success item
Buton ve Linkleri Kullanarak Liste Grubu OluşturmakListe grupları şeklinde bir görünüm oluştururken buton ve linkler de kullanılabilir.
Bu yapıyı oluşturmak için dışta olan
divelemanına .list-group class özellii verilir.
İçte bulunan
aveya
buttonelemanlarına ise .list-group-item-action class değerleri verilir.
Eğer buton ve linklerin renkli olması istenirse .list-group-item-* class değeri verilmelidir.
Not:* işaretli yerlere hazır renk isimleri gelecektir.
Örnek: