آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سومReviewed by صابر بوستانی on Nov 17Rating:
آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه سوم

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

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

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

 

بخش پنجم : Bootstrap Tables

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

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

1

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

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

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

2

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

 

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

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

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

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

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

4

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

جدول متراکم

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

5

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

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

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

6

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

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

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

نام کلاس توضیح
active به هنگام استفاده از Hover ردیف ها یا خانه های جدول را رنگی میکند
success نشان دهنده ی یک عمل موفق یا مثبت است .
info نشان دهنده یک تغییر یا عمل مفید و خنثی را میباشد .
warning نشان دهنده اخطاری ست که ممکن از نیازمند بررسی باشد .
danger نشان دهنده یک عمل خطرناک یا منفی ست .

 

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

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

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

 

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

تمرین ۱   تمرین ۲      تمرین۳     تمرین ۴     تمرین ۵     تمرین ۶

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

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