Info@Afragraphic.ir
0912 22 460 22
خدمات و مطالب آموزشی

آموزش bootstrap3- نحوه استفاده از جداول در بوت استرپ

آموزش bootstrap                                                     

قسمت سوم

کار با جدول ها در bootstrap

کلاس Table  :

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

 

آموزش bootstrap3

 

آموزش bootstrap3

کلاس table-striped :

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

 

آموزش bootstrap3

کلاس table-bordered :

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

 

آموزش bootstrap3

کلاس table-hover :

با اضافه کردن کلاس hover به جدول هرگاه اشاره گر موس بر روی هر سطر جدول قرار گیرد رنگ آن سطر تغییر می کند

 

آموزش bootstrap3

کلاس table-condensed :

کلاس table-condensed خاصیت padding جدول را کاهش میدهد

 

آموزش bootstrap3

کلاس table-responsive :

اگر می خواهید جدول شما خاصیت responsive داشته باشد و در دستگاه های با عرض خروجی متفاوت تنظیم شود از این کلاس استفاده می شود

 

آموزش bootstrap3

کلاس های Contextual :

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

آموزش bootstrap3

 

آموزش bootstrap3

 

آموزش bootstrap3

نظــرات شما

نام :
وب سایت :
ایمیل :
پیغام :  

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