جدول ها در بوت استرپ
جدول پایه در بوت استرپ
یک جدول پایه در بوت استرپ دارای مقداری padding و خط های تقسیم کننده ی افقی می باشد.
کلاس table استایل های مقدماتی را به جدوال اضافه می کند:
مثال (جدول های بوت استرپ)
خودتان امتحان کنید »ایجاد ردیف های راه راه در بوت استرپ
با استفاده از کلاس table-striped می توانیم جدول های خود را به شکل راه راه در بیاوریم:
مثال (جدول های بوت استرپ)
خودتان امتحان کنید »اضافه کردن کادر به جدول در بوت استرپ
با استفاده از کلاس table-bordered.
می توانید کادرها را به اطراف و درون جدول اضافه کنید:
مثال (جدول های بوت استرپ)
خودتان امتحان کنید »جدول متراکم شده در بوت استرپ
کلاس table-condensed. یک جدول را با نصف کردن padding خانه ها، متراکم می کند:
مثال (جدول های بوت استرپ)
خودتان امتحان کنید »کلاس های متنی در بوت استرپ
از کلاس های متنی می توان برای رنگی کردن ردیف های جدول(<tr>) یا سلول های جدول(<td>) استفاده کرد:
مثال (جدول های بوت استرپ)
خودتان امتحان کنید »انواع کلاس های متنی که می توانید از آنها استفاده کنید:
کلاس | توضیحات |
---|---|
active. |
اعمال رنگ بر روی ردیف یا سلول جدول هنگام رویداد hover. |
success. |
یک عمل موفقیت آمیز یا مثبت را مشخص می کند. |
info. |
یک اطلاعات آموزنده و خنثی را مشخص می کند. |
warning. |
یک اخطار که نیاز به توجه دارد را مشخص می کند. |
danger. |
یک عمل خطرناک یا منفی را مشخص می کند. |
مرجع کامل کلاس های جدول در بوت استرپ
برای دیدن یک مرجع کامل از تمام کلاس های جدول بوت استرپ، به مقاله ی مرجع کامل جدول بوت استرپ مراجعه کنید.
- نوشته شده توسط احسان عباسی
- بازدید: 20345