التمهيد المرافق المستجيبة
يوفر التمهيد بعض فئات المساعد من أجل تحقيق التنمية للهواتف النقالة ودية بشكل أسرع. ويمكن لهذه الاستفسارات الجمع بين المعدات الكبيرة والصغيرة والمتوسطة الحجم من خلال وسائل الإعلام، لتحقيق محتويات الجهاز لإظهار وإخفاء.
باستخدام هذه الأدوات يجب أن تكون حذرا لتجنب خلق إصدارات مختلفة تماما من نفس الموقع.فائدة استجابة متاحة فقط في كتل والتبديل الجدول حاليا.
| فائقة الشاشة الصغيرة الهاتف (<768px) | الشاشة الصغيرة قرص (≥768px) | شاشة المتوسطة سطح المكتب (≥992px) | الشاشة الكبيرة سطح المكتب (≥1200px) | |
|---|---|---|---|---|
| .visible-xs- * | مرئي | إخفاء | إخفاء | إخفاء |
| .visible-sm- * | إخفاء | مرئي | إخفاء | إخفاء |
| .visible-MD- * | إخفاء | إخفاء | مرئي | إخفاء |
| .visible-lg- * | إخفاء | إخفاء | إخفاء | مرئي |
| .hidden-XS | إخفاء | مرئي | مرئي | مرئي |
| .hidden-SM | مرئي | إخفاء | مرئي | مرئي |
| .hidden-MD | مرئي | مرئي | إخفاء | مرئي |
| .hidden-جي | مرئي | مرئي | مرئي | إخفاء |
من الافراج v3.2.0 لل، على شكل .visible - * - * حجم الطبقة لكل شاشة لديها ثلاثة أنواع، كل لائحة مختلفة خاصية عرض المغلق هو على النحو التالي:
| مجموعات | عرض CSS |
|---|---|
| .visible - * - كتلة | عرض: كتلة. |
| .visible - * - مضمنة | عرض: مضمن. |
| .visible - * - مضمنة كتلة | عرض: مضمنة كتلة. |
ولذلك، فإن الشاشة الصغيرة جدا (XS)، على سبيل المثال، .visible المتاحة - * - * فصول هي: XS-.visible كتلة،-XS .visible-المضمنة و.visible-XS-مضمنة كتلة.
توجد أيضا-XS .visible، .visible-SM، .visible-MD والطبقات .visible-جي. ولكن من الإصدار v3.2.0 لل ابتداء لم يعد الموصى بها. في حالات خاصة <جدول> العناصر ذات الصلة خارج، فإنها .visible - * - منع نفسه.
فئة الطباعة
يسرد الجدول التالي فئة الطباعة. تستخدم هذه للتبديل محتوى الطباعة.
| فئة | المتصفح | طابعة |
|---|---|---|
| .visible الطباعة كتلة .visible-الطباعة مضمنة .visible-الطباعة مضمنة كتلة | إخفاء | مرئي |
| .hidden الطباعة | مرئي | إخفاء |
أمثلة
المثال التالي يوضح المذكورة أعلاه استخدام فئة المساعد. ضبط حجم نافذة المتصفح، أو تحميل الحالات على أجهزة مختلفة، واختبار استجابة الطبقة فائدة.
أمثلة
محاولة »
وكانت النتائج على النحو التالي:
علامة (✔) يشير إلى أن العنصر مرئيا في العرض الحالي.