Bootstrap Liste Elemanları

Liste elemanları oluşturmak için dışta bulunan ol, ul etiketlerine list-group özelliği, li elemanlarına ise list-group-item özelliği verilir.
Ayrıca span etiketi içine eklenen badge özelliği ile bildirim uyarıları verilebilir.
list-group ve list-group-item nesnelerini kullanarak yalnızca li elemanları ile değil, a etiketleri ile de bir liste görünümü olşuturulabilir.
bu işlem için dıştaki ul nesnesine list-group özelliği verilmesi ve içteki a etiketlerine list-group-item özelliği verilmesi gerekir, ayrıca aktif olarak görünen link için de active özelliği eklenebilir.
pasif liste elemanı oluşturmak için, list-group-item özelliğinin yanına disabled eklenmelidir.
renkli liste elemanları için ise list-group-item özelliği ile beraber list-group-item-danger gibi özellikler eklenmelidir.


Yorumlar


Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın

Hakkımızda

Bu site, website tasarımı yapılırken frontend(ön yüz) teknolojileri hakkında kısa anlatım ve örnekler paylaşmak amacıyla hazırlanmıştır.

Web tasarımda şu an için en sık kullanılan dil ve frameworkler HTML, CSS, JQUERY ve BOOTSTRAP olması sebebiyle bu alanların üzerinde örnekler ve çalışmalar olacaktır.

Son Yorumlar

İletişim

  • info@frontendokulu.com