برای یک ظاهر اساسی، کلاس پایه را اضافه کنید .tableبه هر که <table>.ممکن است به نظر فوق العاده بیفایده باشد، اما با توجه به استفاده گسترده از جداول برای پلاگین های دیگر مانند تقویم و جمع کننده های تاریخ، ما تصمیم گرفتیم الگوهای سبک سفارشی ما را جدا کنیم.

شما همچنین می توانید رنگ ها را با متن سبک در زمینه های تاریک با .table-inverse.

همانند جداول پیش فرض و معکوس، از یکی از دو کلاس اصلاح کننده استفاده کنید <thead>به رنگ خاکستری روشن ظاهر می شود

همانند جداول پیش فرض و معکوس، از یکی از دو کلاس اصلاح کننده استفاده کنید <thead>ظاهر می شود خاکستری تیره.

استفاده کنید. نوار قابل تنظیم برای افزودن گورخر-striping به هر ردیف جدول در داخل <tbody>.

استفاده .table-striped و .table-niverse برای اضافه کردن گورخر-راه راه به هر ردیف جدول و یک ظاهر طراحی معکوس در داخل <tbody>.

اضافه کن .table-hoverبرای فعال کردن حالت شناور در سطرهای جدول در داخل <tbody>.

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

استفاده از کلاس های متنی برای رنگ کردن سطرهای جدول یا سلول های جداگانه.

با اضافه کردن جداول پاسخگو ایجاد کنید .table-responsiveبه هر که .table آنها را به صورت افقی روی دستگاه های کوچک حرکت دهید (زیر 768 پیکسل). هنگام مشاهده هر چیزی بزرگتر از 768 پیکسل عرض، شما هیچ تفاوت در این جداول نمی بینید.