Bootstrap Tables

Bootstrap الجدول الأساسي

والأساسي Bootstrap الجدول يحتوي على الحشو الخفيفة وفواصل الأفقية فقط.

و .table يضيف الطبقة التصميم الأساسي للجدول:

الصفوف مخطط

و .table-striped يضيف الدرجة الحمار الوحشي المشارب إلى جدول:

الجدول يحدها

و .table-bordered الطبقة يضيف الحدود على كل من طرفي الطاولة والخلايا:

الصفوف تحوم

و .table-hover الطبقة تمكن الدولة تحوم في صفوف الجدول:

الجدول المكثف

و .table-condensed الطبقة يجعل الجدول أكثر إحكاما من خلال خفض الحشو خلية في النصف:

فئات السياقية

دروس السياقية يمكن استخدامها لصفوف الجدول اللون ( <tr> ) أو خلايا الجدول ( <td> ):

الطبقات السياقية التي يمكن استخدامها هي:

جداول تستجيب

و .table-responsive الطبقة بإنشاء جدول استجابة. والجدول ثم انتقل أفقيا على الأجهزة الصغيرة (تحت 768px). عندما عرض على أي شيء أكبر من 768px واسعة، ليس هناك فرق:

اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 » التمرين 4» التمرين 5 » التمرين 6»

كامل Bootstrap Table Reference Bootstrap Table Reference

للإشارة كاملة من جميع الطبقات الجدول، انتقل إلى لدينا كامل Bootstrap الجداول المرجعية .