الفصل السادس: المجموعة المساعدة والأدوات المستجيبة

Bootstrap ، من Twitter ، هو الإطار الأمامي الأكثر شعبية في الوقت الحاضر. يعتمد Bootstrap على HTML و CSS و JavaScript. إنها بسيطة ومرنة ، مما يجعل تطوير الويب أسرع.

النقاط الرئيسية للتعلم:

1. المجموعة المساعدة

2. أدوات استجابة

في هذا الدرس ، نتعرف بشكل أساسي على فصول مجموعة Bootstrap وأدوات الاستجابة. يوفر الفئة المساعدة مجموعة من الفصول للمساعدة في تصميم صفحات المجموعة ، بينما تستخدم الأدوات المستجيبة استعلامات الوسائط لعرض أو إخفاء محتوى معين.

واحد. مساعد

يوفر Bootstrap بعض أنماط المجموعة المساعدة الصغيرة من حيث التخطيط ، والتي يتم استخدامها لضبط الألوان النصية وألوان الخلفية ، وأيقونات إغلاق العرض ، إلخ.

1. لون النص الظرفي

 قائمة النمط الاسم النمط الوصف نص نص رمادي ناعم ناعم من النصي الرئيسي الأزرق الناجح الناجح الناجح الخضراء-معلومات النص الأزرق تحذير من النصوص الأصفر المخاطرة النصية الخطر الأحمر // الخطوط من النغمات المختلفة <p> bootstrap tutorial </p> <p> bootstrap tutorial </p> bootstrap tutorial <p boottrap <p> poottrap tutorial <p> البرنامج التعليمي </p> <p> bootstrap فيديو تعليمي </p> <p> bootstrap فيديو تعليمي </p> <p> Bootstrap فيديو تعليمي </p>

2. لون خلفية الوضع

 قائمة النمط الاسم النمط الوصف BG-PRIMARY MAIN Blue BG-SUCCESS SCANCER GREEN GREEN BG-INFO البرنامج التعليمي </p> <p> bootstrap فيديو تعليمي </p> <p> bootstrap الفيديو التعليمي </p> <p> bootstrap الفيديو التعليمي </p>

3. إغلاق زر

 <button type = "button"> × </button>

4. رموز مثلث

 <span> </span>

5. تعويم بسرعة

 <viv> اليسار </div> <viv> يمين </div>

ملاحظة: هذا التعويم هو في الواقع تعويم ، ولكن يتم استخدامه! المهم قد عزز الأولوية.

6. تتمحور مستوى الكتلة

 <viv> المركز </div>

ملاحظة: إنه الهامش: X Auto ؛ والعرض: كتلة ؛ تم تعيينه.

7. تنظيف العائمة

 <viv> </viv>

ملاحظة: يمكن وضع هذا div أمام الكتلة العائمة التي يجب تنظيفها.

8. عرض واختبئ

 <div> show </viv> <viv> Hidden </iv>

اثنين. أدوات استجابة

عند البحث عن الوسائط ، يُطلب من بعض المحتوى أحيانًا عرضه وإخفائه لأحجام الشاشة المختلفة. يوفر فئة الأدوات المستجيبة هذا الحل.

 // عرض تنشيط شاشة صغير سوبر <div> bootstrap </fiv> // تنشيط الشاشة الصغيرة الفائقة

ملاحظة: هناك ثلاثة متغيرات للمحتوى المعروض ، وهي: Block و INLINE BLOCK و INLINE.

ما سبق هو المحتوى ذي الصلة لفئات مجموعة مكونات Bootstrap وأدوات سريعة قدمها المحرر لك. آمل أن يكون ذلك مفيدًا لك!