فهرست ها
مثال پایه
گروه های لیست یک جزء انعطاف پذیر و قدرتمند برای نمایش یک سری محتوا هستند.
- لورم ایپسوم
- لورم ایپسوم
- لورم ایپسوم
- غیرفعال
موارد فعال
افزودن .active به یک .list-group-item برای نشان دادن انتخاب فعال فعلی.
- لورم ایپسوم
- لورم ایپسوم
- لورم ایپسوم
- لورم ایپسوم
پیوندها و دکمه ها
استفاده <a> یا <button> برای ایجاد آیتم های گروه لیست قابل اجرا با شناور و حالت های فعال با افزودن .list-group-item-action .
فلاش
افزودن .list-group-flush برای حذف برخی از حاشیه ها و گوشه های گرد.
- لورم ایپسوم
- لورم ایپسوم
- لورم ایپسوم
- لورم ایپسوم
افقی
افزودن .list-group-horizontal برای تغییر طرح بندی آیتم های گروه لیست از عمودی
- لورم ایپسوم
- لورم ایپسوم
- لورم ایپسوم
با نشان ها
برای نمایش تعداد، فعالیت خوانده نشده، به هر مورد گروه فهرست نشان اضافه کنید.
-
لورم ایپسوم4
-
اعلان های جدیدجدید
-
پرداخت با موفقیت انجام شدبا موفقیت
-
پرداخت در انتظاردرانتظار
-
صبح بخیر!1
کلاس های متنی
از کلاس های متنی برای استایل دادن به موارد فهرست با پس زمینه و رنگ حالت دار استفاده کنید.
- لورم ایپسوم
- یک آیتم ساده لیست اولیه
- یک آیتم ساده لیست ثانویه
- یک آیتم ساده لیست موفقیت
- یک آیتم ساده در لیست خطا
- یک آیتم ساده در لیست هشدار
- یک آیتم ساده در لیست اطلاعات
- یک آیتم ساده در لیست روشن
- یک آیتم ساده در لیست تاریک