نمادها

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

آموزش Bootstrap جلسه هفتم (جداول)

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

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

سلام برنامه در این جلسه نحوه استفاده از table در بوت استرپ را توضیح می دهد

جداول در طراحی وب بسیار مهم هستند و با آنها خیلی سروکار داریم

کمتر سایتی دیده می شود که در آن table به کار نرفته باشد حتی ساختار بعضی از سایت ها به کل table است

در این جلسه تمام تغییراتی که بوت استرب روی جداول ایجاد کرده است را بررسی می کنیم

 

جداول در bootstrap

اگر بوت استرپ را در سایت خود با یکی از وش هایی که قبلا گفته ایم اضافه کرده باشید میتوانید از کلاس های آن استفاده کنید.
بوت استرپ برای جدول نیز کلاس های خود را دارد کافیست از کلاس table. استفاده کنید.
ما مهمترین کلاسها برای جداول در بوت استرپ را برای شما لیست میکنیم:

  • table-striped : این کلاس سطر های جدول را برای خوانایی بیشتر یکی در میان تغییر رنگ میدهد.
  • table-bordered : این کلاس برای جدول شما حاشیه ایجاد میکند که ۱px به رنگ مشکی است.
  • table-hover : این کلاس باعث تغییر رنگ سطر با قرار گرفتن موس روی آن میشود.
  • table-condensed : این کلاس باعث حذف فاصله های اضافی در داخل سلول ها میشود.
  • کلاس های رنگی active ، success ، danger و… باعث تغییر رنگ سطر ها میشوند.
  • table-responsive : باعث هماهنگی جدول با نسخه های مختلف نمایشی نظیر گوشی میشود.

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

 

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

آموزش Bootstrap جلسه ششم (تایپوگرافی)

آموزش Bootstrap جلسه هشتم (تصاویر)

 

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

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

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

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

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

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

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

*

code

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