آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دهمReviewed by صابر بوستانی on May 11Rating: 5.0آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دهم آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دهم که از وب سایت آموزش برنامه نویسی سورس باران مشاهده می نمایید
آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دهم

آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دهم

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

 

گروه لیست های بوت استرپ :

ساده ترین گروه لیست یک لیست نامنظم به همراه اجزای ان است :

1

 برای ایجاد یک گروه لیست ساده , از عنصر <ul> به همراه کلاس .list-group و عنصر <li> به همراه کلاس .list-group-item استفاده کنید

 

گروه لیست به همراه مدال ها (badges) در بوت استرپ :

همچنین میتوانید به گروه لیست مدال اضافه کنید ؛ مدال به صورت اتوماتیک در سمت راست قرار خواهند گرفت.

2

برای ایجاد یک مدال ، یک عنصر <span> به همراه یک کلاس .badge درون لیست بسازید :

 

گروه لیست به همراه ایتم های لینک شده در بوت استرپ :

ایکن های درون هر گروه لیست میتوانند به صورت هایپرلینک دربیاییند و لینک دار باشند

333

برای ساخت یک گرئه لیست با ایتم های لینک شده ، با جای استفاده از <ul> ، از  <div> .. و همچنین به جای استفاده از <li> از <a> استفاده کنید.

 

 

حالت فعال در بوت استرپ :

 

4

برای استفاده از حالت فعال از کلاس active استفاده می کنیم.

 

 

آیتم غیر فعال در بوت استرپ :

لیست گروهی که مشاهده میکنید یک ایتم غیر فعال دارد

3

که برای اینکه یک آیتم را غیر فعال کنید ، کلاس .disabled را اضافه کنید

 

کلاس های متنی در بوت استرپ :

برای رنگی کردن ایتم های لیست میتوان از کلاس های متنی استفاده کرد :

5

کلاس های مورد استفاده برای ایتم های لیست عبارتند از :

.list-group-item-success, list-group-item-info, list-group-item-warning ,    و   .list-group-item-danger

 

محتوای اختیاری در بوت استرپ :

میتوانید تقریبا هر HTML را در یک گروه لیست قرار دهید :

بوت استرپ کلاس های .list-group-item-heading و .list-group-item-text را ارائه میکند که میتوانند به صورت زیر مورد استفااده قرار گیرند