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

مثال پایه

اساسی ترین لیست گروه یک فهرست غیر ارادی با آیتم های لیست و کلاس های مناسب است.

  • لورم ایپسوم متن
  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن
  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن ساختگی

مثال پایه با اقلام فعال

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

  • لورم ایپسوم متن
  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن
  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن ساختگی

مثال پایه با آیتم های غیر فعال

اضافه کردن .disabled to a .list-group-item به نظر می رسد غیر فعال شده است

  • لورم ایپسوم متن
  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن
  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن ساختگی

لینک ها

استفاده کنید 'anchor tag' برای ایجاد آیتم های فعال لیست گروه با شناور، غیر فعال و حالت های فعال با اضافه کردن .list-group-item-action مطمئن شوید که از استاندارد استفاده نکنید .btn classes اینجا.

اقلام لیست دکمه ها

With button tag, you can also make use of the disabled attribute instead of the .disabled class.Be sure to not use the standard .btn classes here.

فلاش

اضافه کردن .list-group-flush to remove some borders and rounded corners to render list group items edge-to-edge in a parent container

  • لورم ایپسوم متن
  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن
  • لورم ایپسوم متن ساختگی
  • لورم ایپسوم متن ساختگی

کلاس های متنی

استفاده کنید contextual classes to style list items with a stateful background and color

  • لورم ایپسوم متن ساختگی
  • یک لیست ساده لیست اولیه گروه
  • یک لیست ساده لیست اولیه گروه
  • یک لیست ساده لیست اولیه گروه
  • یک لیست ساده لیست اولیه گروه
  • یک لیست ساده لیست اولیه گروه
  • یک لیست ساده لیست اولیه گروه
  • یک لیست ساده لیست اولیه گروه
  • یک لیست ساده لیست اولیه گروه

فهرست با نشانه ها

اضافه کردن .list-group-flush to remove some borders and rounded corners to render list group items edge-to-edge in a parent container

  • لورم ایپسوم متن 4
  • لورم ایپسوم متن ساختگی 2
  • لورم ایپسوم متن 1
  • لورم ایپسوم متن 1
  • لورم ایپسوم متن 1

لیست با رفتار جاوا اسکریپت

استفاده کنید the tab JavaScript plugin—include it individually or through the compiled bootstrap.js file—to extend our list group to create tabbable panes of local content.

نتایج جستجو
هدفون 1

ابزارک

$300 400 تومان

حراج

هدفون 1

ابزارک

$300 400 تومان

جدید

هدفون 1

ابزارک

$300 400 تومان

جدید

هدفون 1

ابزارک

$300 400 تومان

جدید