الجدول الأساسي:
<Table> <tr> <td> اسم المستخدم </td> <td> كلمة المرور </td> </td> <td> ahhh </td> <td> 1111 </td> </tr> </tabl>
يمكن أن تمنح إضافة .table <table>
تأثير العرض كما يلي:
شكل مخطط:
إضافة: class = "Table Table striped" إلى علامة الجدول يمكن إضافة خطوط حمار وحشي إلى كل صف داخل tbody
<Table> <tr> <td> اسم المستخدم </td> <td> كلمة المرور </td> </td> <td> ahhh </td> <td> 1111 </td> </tr> </tabl>
تأثير العرض كما يلي:
جدول مع الحدود:
أضف class = "جدول الجدول المحدد" إلى علامة الجدول لإضافة حدود إلى كل خلية في الجدول.
<Table> <tr> <td> اسم المستخدم </td> <td> كلمة المرور </td> </td> <td> ahhh </td> <td> 1111 </td> </tr> </tabl>
تأثير العرض كما يلي:
شكل تشديد:
يمكن أن تؤدي إضافة الفئة .table-condensed .
<Table> <tr> <td> اسم المستخدم </td> <td> كلمة المرور </td> </td> <td> ahhh </td> <td> 1111 </td> </tr> </tabl>
تأثير العرض كما يلي:
جدول استجابة:
لف أي عنصر .table داخل العنصر .table-responsive وقم بإنشاء جدول مستجيب يسير أفقياً على جهاز شاشة صغير (أقل من 768 بكسل). عندما تكون الشاشة أكبر من عرض 768 بكسل ، يختفي شريط التمرير الأفقي
<viv> <bord> <tr> <td> اسم المستخدم </td> <td> كلمة المرور </td> </tr> <tr> <td> ahhh </td> <td> 1111 </td> </tr> </tabl> </viv>
ما ورد أعلاه هو الوصف الكامل لفيلم نمط نموذج التمهيد السادس الذي قدمه المحرر. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!