نمادها

شما اینجا هستید

آموزش Bootstrap جلسه بیست و دوم (Tabs)

در خدمت شما هستیم با آموزش Bootstrap جلسه بیست و دوم (Tabs)

آموزش Bootstrap جلسه بیست و دوم (Tabs) از سری آموزش های تک قسمتی است

سلام برنامه در این جلسه به شما یاد می دهد که به کمک بوت استرپ تب رسپانسیو بسازید

تقریبا عمده سایت ها امروزی به خصوص سایت های خبری از تب استفاده می کنند

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

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

همچنین خصوصیات خوبی نظیر اینکه به صورت پیشفرض کدام تب باز شود و … نیز در بوت استرپ وجود دارد

 

کلاس tabs

همانطور که بالاتر گفتیم tab ها بسیار کاربردی هستند و شما آن ها را در اکثر سایدبار ها میبینید.
ساخت تب کار راحتی نیست اگر نخواهیم از بوت استرپ استفاده کنیم.

در بوت استرپ تنها با چند کلاس ساده میتوان تب ها را ایجاد کرد کلاس اصلی که برای اینکار نیاز دارید nav-tabs است.
برای آنکه موضوع برای شما ساده تر شود میتوانید از کد زیر کمک بگیرید

در کد بالا ابتدا ul و چند li تعریف کردیم و هرکدام از li هارا به یک div که دارای محتوا است وصل کردیم در این روش وقتی روی li کیک شود id وصل شده به آن باز میشود.
در ساخت تعداد تب ها در این روش هیچ محدودیتی وجود ندارد تنها لازم است که برای هرکدام  id جداگانه ای در نظر گرفته شود

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

آموزش Bootstrap جلسه بیست و یکم (Collapse)

آموزش Bootstrap جلسه بیست و سوم (navbar)

 

شما می توانید این آموزش را به صورت آنلاین از ویدیو زیر ببینید

 

و یا در ورت علاقه آن را در آپارات ببینید

و یا آموزش را توسط مسیر زیر در یوتیوب دنبال کنید
همچنین در صورت علاقه می توانید این آموزش را از باکس دانلود موجود در زیر همین پست دانلود نمایید
اگر این مطلب آموزنده بود به ما امتیاز دهید
1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره (2 رای, میانگین: 5٫00 امتیاز از 5)
Loading...

این یک فایل mp4 تصویری است که با پلیر های ویدیویی قابل اجرا می باشد

دانلود آموزش Bootstrap جلسه بیست و دوم (Tabs): نوع فایل:mp4 حجم فایل:44.33 مگابایت

هر پلیر اجرا کننده فایل ویدیویی

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code

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