لیست گروهی

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


مثال پایه

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

  • لورم ایپسوم لورم
  • متن ساختگی با تولید سادگی
  • تولید سادگی صنعت چاپ
  • لورم ایپسوم متن ساختگی
  • متن نامفهوم چاپ

آیتم فعال

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

  • لورم ایپسوم لورم
  • متن ساختگی با تولید سادگی
  • تولید سادگی صنعت چاپ
  • لورم ایپسوم متن ساختگی
  • متن نامفهوم چاپ

آیتم غیرفعال

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

  • لورم ایپسوم لورم
  • متن ساختگی با تولید سادگی
  • تولید سادگی صنعت چاپ
  • لورم ایپسوم متن ساختگی
  • متن نامفهوم چاپ

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


حالت فلاش

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

  • لورم ایپسوم لورم
  • متن ساختگی با تولید سادگی
  • تولید سادگی صنعت چاپ
  • لورم ایپسوم متن ساختگی
  • متن نامفهوم چاپ

به همراه نشان

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

  • آیتم اول لیست 14
  • آیتم دوم لیست 2
  • آیتم سوم لیست 1

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

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