<table> فصول
استخدام الفئات أدناه لأسلوب أي جدول:
| صف مدرسي | وصف | مثال |
|---|---|---|
| .table | ويضيف التصميم الأساسي (الحشو الخفيفة وفواصل أفقية فقط) إلى أي <table> | جربها |
| .table-striped | ويضيف حمار وحشي، شريطية إلى أي صف جدول داخل <tbody> (غير متوفر في IE8) | جربها |
| .table-bordered | يضيف الحدود على كل من طرفي الطاولة والخلايا | جربها |
| .table-hover | تمكن الدولة تحوم في صفوف الجدول ضمن <tbody> | جربها |
| .table-condensed | يجعل الجدول أكثر إحكاما من خلال خفض الحشو خلية في النصف | جربها |
| الجمع بين جميع الطبقات الجدول | جربها | |
<tr>, <th> و <td> فصول
استخدام الفئات أدناه لصفوف الجدول اللون أو الخلايا:
| صف مدرسي | وصف | مثال |
|---|---|---|
| .active | وينطبق اللون تحوم إلى صف أو خلية معينة | جربها |
| .success | يشير إلى عمل ناجح أو إيجابي | جربها |
| .info | يشير إلى تغيير بالمعلومات محايد أو العمل | جربها |
| .warning | يشير إلى التحذير التي قد تحتاج إلى عناية | جربها |
| .danger | يشير إلى عمل خطير أو سلبي محتمل | جربها |
جداول تستجيب
الطبقة .table متجاوبة بإنشاء جدول استجابة. والجدول ثم انتقل أفقيا على الأجهزة الصغيرة (تحت 768px). عندما عرض على أي شيء أكبر من 768px واسعة، ليس هناك فرق: