جداول در بوت استرپ 4 (Bootstrap 4 Tables) :
امروز به شما آموزش استفاده از جدول در بوت استرپ 4 را با ذکر مثال آموزش می دهیم. بوت استرپ کلاس های مختلفی را برای زیباسازی جداول به شما ارائه می دهد.شما همچنین می توانید با استفاده از این کلاس ها جداول خود را واکنش گرا کنید تا در صورت تغییر اندازه صفحه نمایش، جدول شما بهم نریزد.
کلاس های استفاده شده در قسمت The contextual classes :
table-primary. آبی
table-success. سبز
table-danger. قرمز
table-info. آبی روشن
table-warning. نارنجی
table-active. خاکستری
table-secondary. خاکستری (کم اهمیت تر)
table-light. خاکستری روشن
table-dark. خاکستری تیره
مثال ها :
See the Pen
WVadRa by Farazgar (@Rezash)
on CodePen.
برای جداول واکنش گرا که در بالا مثال آن را زدیم از کلاس های زیر استفاده می شود :
table-responsive-sm. برای صفحه نمایش تا اندازه ۵۷۶px
able-responsive-md. برای صفحه نمایش تا اندازه ۷۶۸px
table-responsive-lg. برای صفحه نمایش تا اندازه ۹۹۲px
table-responsive-xl. برای صفحه نمایش تا اندازه ۱۲۰۰px
از اینکه فرازگر را در این مقاله همرایی کردید از شما سپاسگذاریم.
سایت بوت استرپ ۴ : www.getbootstrap.com
