لیست گروهی

گروه های لیست یک جزء انعطاف پذیر و قدرتمند برای نمایش یک سری محتوا هستند. برای لیست کامل دستورالعمل ها و گزینه های دیگر مستندات رسمی بوت استرپ را بخوانید.

مثال پایه

ابتدایی ترین گروه لیست یک لیست نامرتب با آیتم های لیست و کلاس های مناسب است. با گزینه‌های زیر، یا در صورت نیاز با CSS خودتان، آن را بسازید.

آیتم فعال

.active را به .list-group-item اضافه کنید تا انتخاب فعال فعلی را نشان دهید.

آیتم غیرفعال

.disabled را به .list-group-item اضافه کنید تا غیرفعال به نظر برسد. توجه داشته باشید که برخی از عناصر با .disabled به جاوا اسکریپت سفارشی برای غیرفعال کردن کامل رویدادهای کلیکی خود (به عنوان مثال، پیوندها) نیاز دارند.

لینک ها و دکمه ها

از <a>ها یا <button>ها برای ایجاد موارد گروه عملی با شناور، غیرفعال و حالت‌های فعال با افزودن .list-group-item-action استفاده کنید.

حالت فلاش

.list-group-flush را اضافه کنید تا برخی از حاشیه‌ها و گوشه‌های گرد را حذف کنید تا موارد گروه فهرست را لبه به لبه در یک ظرف اصلی (مانند کارت‌ها) ارائه کنید.

به همراه نشان

با کمک برخی موارد مفید نشان‌ها را به هر مورد گروه فهرست اضافه کنید تا تعداد خوانده‌نشده، فعالیت‌ها و موارد دیگر را نشان دهید.

چک باکس ها و رادیو ها

چک باکس ها و رادیوهای بوت استرپ را در لیست موارد گروه قرار دهید و در صورت نیاز سفارشی کنید.