عضو شوید



:: فراموشی رمز عبور؟

عضویت سریع

نام کاربری :
رمز عبور :
موبایل :
ایمیل :
نام اصلی :
به وبلاگ من خوش آمدید

آمار مطالب

:: کل مطالب : 37
:: کل نظرات : 0

آمار کاربران

:: افراد آنلاین : 0
:: تعداد اعضا : 0

کاربران آنلاین


آمار بازدید

:: بازدید امروز : 0
:: باردید دیروز : 1
:: بازدید هفته : 170
:: بازدید ماه : 242
:: بازدید سال : 378
:: بازدید کلی : 378

RSS

Powered By
loxblog.Com

گروه مشاوران طراحی افرا در زمینه انواع امور طراحی ، چاپ، طراحی سایت و مالتی مدیا فعالیت می کند. 66120694 و 66120698 و 09122246022

آموزش bootstrap3- نحوه استفاده از جداول در بوت استرپ
شنبه 04 مهر 1394 ساعت 12:32 | بازدید : 89 | نوشته ‌شده به دست afragraphic | ( نظرات 0 )

آموزش 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

 

برای مشاهده سایر مطالب آموزشی ازwww.afragraphic.ir دیدن کنید.

تماس با ما: 66120694و66912056 و09122246022



|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
مطالب مرتبط با این پست
می توانید دیدگاه خود را بنویسید


💬 نظرات کاربران
💬ثبت نام کاربران
💬ورود کاربران