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