گروه لیست پایه
- فقط از فردا متنفرم
- پروتئین ها و چربی ها در
- حالم از خنده بهم میخوره
- دروازه و تعقیب خواهد شد و
- دهلیزی در اروس
<div class="basic-list-group">
<ul class="list-group">
<li class="list-group-item">فقط از فردا متنفرم</li>
<li class="list-group-item">پروتئین ها و چربی ها در</li>
<li class="list-group-item">حالم از خنده بهم میخوره</li>
<li class="list-group-item">دروازه و تعقیب خواهد شد و</li>
<li class="list-group-item">دهلیزی در اروس</li>
</ul>
</div>
لیست موارد فعال
- فقط از فردا متنفرم
- پروتئین ها و چربی ها در
- حالم از خنده بهم میخوره
- دروازه و تعقیب خواهد شد و
- دهلیزی در اروس
<div class="basic-list-group">
<ul class="list-group">
<li class="list-group-item active">فقط از فردا متنفرم</li>
<li class="list-group-item">پروتئین ها و چربی ها در</li>
<li class="list-group-item">حالم از خنده بهم میخوره</li>
<li class="list-group-item">دروازه و تعقیب خواهد شد و</li>
<li class="list-group-item">دهلیزی در اروس</li>
</ul>
</div>
موارد غیرفعال را فهرست کنید
- فقط از فردا متنفرم
- پروتئین ها و چربی ها در
- حالم از خنده بهم میخوره
- دروازه و تعقیب خواهد شد و
- دهلیزی در اروس
<div class="basic-list-group">
<ul class="list-group">
<li class="list-group-item disabled">فقط از فردا متنفرم</li>
<li class="list-group-item">پروتئین ها و چربی ها در</li>
<li class="list-group-item">حالم از خنده بهم میخوره</li>
<li class="list-group-item">دروازه و تعقیب خواهد شد و</li>
<li class="list-group-item">دهلیزی در اروس</li>
</ul>
</div>
پیوندها و آیتم های دکمه
<div class="basic-list-group">
<div class="list-group"><a href="javascript:void(0);" class="list-group-item list-group-item-action active">پروتئین ها و چربی ها در</a>
<a href="javascript:void(0);" class="list-group-item list-group-item-action">پروتئین ها و چربی ها در
</a> <a href="javascript:void(0);" class="list-group-item list-group-item-action">حالم از خنده بهم میخوره</a>
<a href="javascript:void(0);" class="list-group-item list-group-item-action">دروازه و تعقیب خواهد شد و</a
> <a href="javascript:void(0);" class="list-group-item list-group-item-action disabled">دهلیزی در اروس</a>
</div>
</div>
فلاش
- فقط از فردا متنفرم
- پروتئین ها و چربی ها در
- حالم از خنده بهم میخوره
- دروازه و تعقیب خواهد شد و
- دهلیزی در اروس
<div class="basic-list-group">
<ul class="list-group list-group-flush">
<li class="list-group-item">فقط از فردا متنفرم</li>
<li class="list-group-item">پروتئین ها و چربی ها در</li>
<li class="list-group-item">حالم از خنده بهم میخوره</li>
<li class="list-group-item">دروازه و تعقیب خواهد شد و</li>
<li class="list-group-item">دهلیزی در اروس</li>
</ul>
</div>
با نشان ها
- فقط از فردا متنفرم 14
- پروتئین ها و چربی ها در 2
- فقط از فردا متنفرم 14
- حالم از خنده بهم میخوره 1
- حالم از خنده بهم میخوره 1
<div class="basic-list-group">
<ul class="list-group">
<li class="list-group-item d-flex justify-content-between align-items-center">
فقط از فردا متنفرم <span class="badge badge-primary badge-pill">14</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
پروتئین ها و چربی ها در <span class="badge badge-primary badge-pill">2</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
فقط از فردا متنفرم <span class="badge badge-primary badge-pill">14</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
حالم از خنده بهم میخوره <span class="badge badge-primary badge-pill">1</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
حالم از خنده بهم میخوره <span class="badge badge-primary badge-pill">1</span>
</li>
</ul>
</div>
محتوای سفارشی
عنوان مورد گروه را فهرست کنید
3 روز پیشتا اون موقع دیگه نگران بارداریم نباشم. با این حال، Maecenas به یک دیم نیاز دارد تا با لبخندی متفاوت تملق شود.
تا آن زمان درب من نیست.عنوان مورد گروه را فهرست کنید
3 روز پیشتا اون موقع دیگه نگران بارداریم نباشم. با این حال، Maecenas به یک دیم نیاز دارد تا با لبخندی متفاوت تملق شود.
تا آن زمان درب من نیست.عنوان مورد گروه را فهرست کنید
3 روز پیشتا اون موقع دیگه نگران بارداریم نباشم. با این حال، Maecenas به یک دیم نیاز دارد تا با لبخندی متفاوت تملق شود.
تا آن زمان درب من نیست.<div class="basic-list-group">
<div class="list-group">
<a href="javascript:void(0);" class="list-group-item list-group-item-action flex-column align-items-start active">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-3 text-white">عنوان مورد گروه را فهرست کنید</h5><small>3 روز پیش</small>
</div>
<p class="mb-1">تا اون موقع دیگه نگران بارداریم نباشم. با این حال، Maecenas به یک دیم نیاز دارد تا با لبخندی متفاوت تملق شود.</p><small>تا آن زمان درب من نیست.</small>
</a>
<a href="javascript:void(0);" class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-3">عنوان مورد گروه را فهرست کنید</h5><small class="text-muted">3
روز پیش</small>
</div>
<p class="mb-1">تا اون موقع دیگه نگران بارداریم نباشم. با این حال، Maecenas به یک دیم نیاز دارد تا با لبخندی متفاوت تملق شود.</p><small class="text-muted">تا آن زمان درب من نیست.</small>
</a>
<a href="javascript:void(0);" class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-3">عنوان مورد گروه را فهرست کنید</h5><small class="text-muted">3
روز پیش</small>
</div>
<p class="mb-1">تا اون موقع دیگه نگران بارداریم نباشم. با این حال، Maecenas به یک دیم نیاز دارد تا با لبخندی متفاوت تملق شود.</p><small class="text-muted">تا آن زمان درب من نیست.</small>
</a>
</div>
</div>
متنی
- پروتئین ها و چربی ها در
- این یک مورد گروه لیست اولیه است
- این یک مورد گروه ثانویه لیست است
- این یک مورد از لیست موفقیت آمیز گروه است
- این یک مورد گروه لیست خطر است
- این یک مورد گروه لیست هشدار است
- این یک مورد گروه لیست اطلاعات است
- این یک مورد گروه لیست سبک است
- این یک مورد گروه لیست تاریک است
<div class="basic-list-group">
<ul class="list-group">
<li class="list-group-item">پروتئین ها و چربی ها در</li>
<li class="list-group-item list-group-item-primary">این یک مورد گروه لیست اولیه است</li>
<li class="list-group-item list-group-item-secondary">این یک مورد گروه ثانویه لیست است</li>
<li class="list-group-item list-group-item-success">این یک مورد از لیست موفقیت آمیز گروه است</li>
<li class="list-group-item list-group-item-danger">این یک مورد گروه لیست خطر است
</li>
<li class="list-group-item list-group-item-warning">این یک مورد گروه لیست هشدار است</li>
<li class="list-group-item list-group-item-info">این یک مورد گروه لیست اطلاعات است
</li>
<li class="list-group-item list-group-item-light">این یک مورد گروه لیست سبک است
</li>
<li class="list-group-item list-group-item-dark">این یک مورد گروه لیست تاریک است
</li>
</ul>
برگه فهرست
<div class="basic-list-group">
<div class="row">
<div class="col-lg-6 col-xl-2">
<div class="list-group mb-4 " id="list-tab" role="tablist"><a class="list-group-item list-group-item-action active" id="list-home-list" data-bs-toggle="list" href="#list-home" role="tab">خانه</a> <a class="list-group-item list-group-item-action" id="list-profile-list"
data-bs-toggle="list" href="#list-profile" role="tab">نمایه</a> <a class="list-group-item list-group-item-action" id="list-messages-list" data-bs-toggle="list" href="#list-messages" role="tab">پیام ها</a>
<a
class="list-group-item list-group-item-action" id="list-settings-list" data-bs-toggle="list" href="#list-settings" role="tab">تنظیمات</a>
</div>
</div>
<div class="col-lg-6 col-xl-10">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="list-home">
<h4 class="mb-4">محتوای برگه صفحه اصلی</h4>
<p>او می خواهد یا خود را به درد نرم می کند، هیچ وظیفه ای برای اجتناب از عیب تمرین تمرینی وجود ندارد. آنها به میل خود رها می شوند، مگر اینکه چیزی فرار کند و بیرون بروند. با لذت ملایم توبیخ کرد
جز برای مدت کوتاهی تاریک می شود و ورزش با لذتی همراه است که گویی وجود ندارد. و از بعضی چیزهایی که بر او گذشته است بگریزد و مقداری از گناه او را چنین دردی به دنبال داشته باشد. با خیال راحت مقداری را بررسی کنید
میل، مگر اینکه من او را به نوعی عفو کنم.</p>
</div>
<div class="tab-pane fade" id="list-profile" role="tabpanel">
<h4 class="mb-4">محتوای برگه نمایه</h4>
<p>کیست که می خواهد در هستی که مستثنی باشد. و استثناء از آن پیروی می شود مگر اینکه مویی به زحمات بدهم. نرم می شود و درد خدمات فوتبال تقصیر مشتری است که می خواهد از آن سوء استفاده کند. وظایف روح
حوادث زایمان روح یا درد را ترک می کند درد، اگر نه تقصیر، از درد بازیکن فوتبال است. او خودش را به خاطر کارش سرزنش می کند و در این کار تقصیری ندارد
من به حادثه خواهم آمد.</p>
</div>
<div class="tab-pane fade" id="list-messages">
<h4 class="mb-4">محتوای برگه پیام</h4>
<p>برای اینکه نوعی ورزش به وجود بیاید، ممکن است نوعی ورزش به نفع ما و یا به نفع ما مذموم باشد. من می خواهم بروم سر کار و سخت کار کنم
برای مدتی این کوچکترین چیزی است که می توانیم به دست آوریم و با زحمت و لذت می توانیم به آن برسیم. اصل مطلب این است که آنها خوشحال هستند، باید به میل پرورش یابند و آن را به تقصیر خود می سپارند.
بگذار روح مهار شود و بگریزد، همانطور که نیازی به زحمات یک مو نیست.</p>
</div>
<div class="tab-pane fade" id="list-settings">
<h4 class="mb-4">محتوای برگه تنظیمات</h4>
<p>زیرا کورکورانه کار کسی است که بخواهد از چیزی انتقاد کند. آنها هر یک از کارگران ما را رها می کنند، به طوری که آنها از درد کور می شوند، مگر اینکه وظایف بزرگ باشد. مگر اینکه فوتبال ریزترین موها را سیاه کند
این میل کار است که آن چیزهایی را که تا حدی اهمیت دارند پنهان می کند. اما درد تلطیف می شود تا ورزش مفید باشد و مقصر کیست دنبال نمی شود. هیچ کس جز کسی که می خواهد فوتبال بازی کند. عالیه
با زایمان، درد، که از زایمان آن را رها می کند، درد، به این ترتیب، تحمل می شود، احساس گناه در عصبانیت نرم می شود.</p>
</div>
</div>
</div>
</div>
</div>