ابتدایی ترین گروه لیست به سادگی یک لیست مرتب نشده با موارد لیست و کلاس های مناسب است.

• Cras justo odio
• Dapibus ac facilisis در
• Morbi leo risus
• Porta ac consectetur ac
• Vestibulum at eros

م badلفه نشانها را به هر مورد از گروه لیست اضافه کنید و به طور خودکار در سمت راست قرار می گیرد.

• Cras justo odio 14 جدید
• Dapibus ac facilisis در 99 خوانده شده
• Morbi leo risus 99+
• Porta ac consectetur ac 21
• Vestibulum at eros 18

موارد گروه را با استفاده از برچسب های لنگر به جای موارد لیست پیوند دهید (این به معنای والدین <div>به جای موارد است <ul>). بدون نیاز به والدین منفرد در اطراف هر عنصر.

موارد گروه لیست ممکن است به جای موارد لیست ، دکمه باشند (این به معنای والدین <div>به جای یک مورد است <ul>). بدون نیاز به والدین منفرد در اطراف هر عنصر. .btnدر اینجا از کلاسهای استاندارد استفاده نکنید .

از کلاسهای متنی برای سبک کردن موارد لیست ، پیش فرض یا پیوند داده شده استفاده کنید. همچنین شامل .activeحالت است.

• Dapibus ac facilisis در
• Cras sit amet nibh libero
• Porta ac consectetur ac
• Vestibulum at eros

از کلاسهای متنی برای سبک کردن موارد لیست ، پیش فرض یا پیوند داده شده استفاده کنید. همچنین شامل .activeحالت است.

شما می توانید از رنگ های متریال طراحی استفاده کنید که نمونه ها .list-group-bg-pink, .list-group-bg-cyanکلاس هستند

• Dapibus ac facilisis در
• Cras sit amet nibh libero
• Porta ac consectetur ac
• Vestibulum at eros

تقریباً هر HTML را حتی در گروه های لیست پیوندی مانند تصویر زیر اضافه کنید.