آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم

آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم

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

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

بخش پنجم : Bootstrap Tables

جدول پایه بوت استرپ :

یک جدول پایه بوت استرپ دارای یک padding سبک بوده و فقط تقسیم کنند های افقی دارد. کلاس table استایل بندی پایه را به جدول اضافه میکند :

لینک دمو (کلیک نمایید)

ردیف های راه راه :

کلاس table-striped به جدول ردیف های راه راه اضافه میکند.

 لینک دمو (کلیک نمایید)

جدول به همراه کادر :

کلاس table-bordered دور تا دور و درون جدول کادر اضافه میکند.

لینک دمو (کلیک نمایید)

ردیف های شناور (hover) :

کلاس table-hover در ردیف های جدل یک حالت شناور ایجاد میکند.

لینک دمو (کلیک نمایید)

جدول متراکم

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

لینک دمو (کلیک نمایید)

کلاس های متنی :

از کلاس های متنی برای رنگی کردن ردیف های جدول (<tr>) یا خانه های (<td>) جدول استفاده میشود.

لینک دمو (کلیک نمایید)

کلاس های متنی که میتوانید مورد استفاده قرار دهید :

کلاس های متنی که میتوانید مورد استفاده قرار دهید :

جدول های واکنشگرا :

کلاس table یک جدول واکنشگرا ایجاد می کند.

لینک دمو (کلیک نمایید)

خودتان را تست کنید!

تمرین 1   تمرین 2      تمرین3     تمرین 4     تمرین 5     تمرین 6

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

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

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.