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

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

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

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

 

بخش پنجم : 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 یک جدول واکنشگرا ایجاد می کند.

 <div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

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

 

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

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

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

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

 

 

به این مطلب امتیاز دهید post

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

بزرگترین و جدید ترین مجموعه آموزشی برنامه نویسی به زبان اصلی
  • انتشار: ۲۶ آبان ۱۳۹۴

دسته بندی موضوعات

آخرین محصولات فروشگاه

مشاهده همه

نظرات

بازخوردهای خود را برای ما ارسال کنید

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