با سلام و عرض ادب خدمت دوستان و سروران عزیز. توی این مطلب آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم رو در اختیار کاربران عزیز قرار داده ایم. همانطور که گفته شده این دوره بصورت متنی می باشد و از منابع خارجی ترجمه شده است. شروع دوره در ادامه مطلب…
جهت مشاهده آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم به ادامه مطلب مراجعه نمایید.
بخش پنجم : Bootstrap Tables
جدول پایه بوت استرپ :
یک جدول پایه بوت استرپ دارای یک padding سبک بوده و فقط تقسیم کنند های افقی دارد. کلاس table استایل بندی پایه را به جدول اضافه میکند :
ردیف های راه راه :
کلاس table-striped به جدول ردیف های راه راه اضافه میکند.
جدول به همراه کادر :
کلاس table-bordered دور تا دور و درون جدول کادر اضافه میکند.
ردیف های شناور (hover) :
کلاس table-hover در ردیف های جدل یک حالت شناور ایجاد میکند.
جدول متراکم
کلاس table-condensed با نصف کردن خانه های padding جدول را فشرده تر میکند.
کلاس های متنی :
از کلاس های متنی برای رنگی کردن ردیف های جدول (<tr>) یا خانه های (<td>) جدول استفاده میشود.
کلاس های متنی که میتوانید مورد استفاده قرار دهید :
کلاس های متنی که میتوانید مورد استفاده قرار دهید :
نام کلاس | توضیح |
active | به هنگام استفاده از Hover ردیف ها یا خانه های جدول را رنگی میکند |
success | نشان دهنده ی یک عمل موفق یا مثبت است . |
info | نشان دهنده یک تغییر یا عمل مفید و خنثی را میباشد . |
warning | نشان دهنده اخطاری ست که ممکن از نیازمند بررسی باشد . |
danger | نشان دهنده یک عمل خطرناک یا منفی ست . |
جدول های واکنشگرا :
کلاس table یک جدول واکنشگرا ایجاد می کند.
خودتان را تست کنید!
تمرین 1 تمرین 2 تمرین3 تمرین 4 تمرین 5 تمرین 6
منابع کامل جدول های بوت استرپ :
برای دست یابی به منابع تمام کلاس های جدول به این لینک مراجعه کنید.
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.