في المقالة السابقة ، قدمت ملاحظات دراسة Bootstrap3 (1) وملاحظات دراسة نظام الشبكة (2) وتخطيط ملاحظات دراسة bootstrap3 (2) في نظام الشبكة.
ما عليك سوى استخدام فئة .table على علامة الجدول لاستخدام نمط الجدول الافتراضي لـ Bootstrap
إذا كانت خلفية الخط تحتاج إلى بالتناوب ، فيمكنك ضبطها على هذا النحو:
نسخة الكود كما يلي:
<griding>
إذا كنت بحاجة إلى حدود ، فيمكنك ضبطها على هذا النحو:
نسخة الكود كما يلي:
<griding>
إذا كنت تريد أن ينتقل الماوس إلى خط المحتوى ليكون له تأثير متجاوب ، فيمكنك ضبطه على هذا النحو:
نسخة الكود كما يلي:
<griding>
إذا كنت تريد أن يكون الجدول مضغوطًا ويوفر مساحة ، فيمكنك تعيينه مثل هذا. سيتم قطع عملية الإقلاع عن الخلية إلى 4 بكسل ، والحشو الافتراضي هو 8 بكسل:
نسخة الكود كما يلي:
<griding>
يمكنك أيضًا إضافة نمط محدد إلى صف:
<tr> <tr> <tr> <tr> <tr>
من أجل عرض باستمرار على أجهزة مختلفة ، يمكنك أيضًا استخدام إعدادات سريعة الاستجابة للجدول. استخدم Div لتعديله خارج الجدول ، والذي سيتكيف تلقائيًا مع الأجهزة أقل من أو أكبر من 768 بكسل:
نسخة الكود كما يلي:
<viv>
يدعم Bootstrap عناصر الجدول:
ما سبق هو المعرفة ذات الصلة بنموذج دراسة Bootstrap3 (III) الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!