logo

مثال Bootstrap الأول

أضف نوع مستند HTML 5: يستخدم Bootstrap عناصر HTML وخصائص CSS، لذا يتعين عليك إضافة نوع مستند HTML 5 في بداية الصفحة مع سمة lang ومجموعة الأحرف الصحيحة.

السابق:

 Any title //write code 

يعتبر Bootstrap متوافقًا مع الأجهزة المحمولة: تم تصميم Bootstrap 3 ليكون مستجيبًا للأجهزة المحمولة.

تعد أنماط الهاتف المحمول أولاً جزءًا من إطار العمل الأساسي لـ Bootstrap. يجب عليك إضافة العلامة التالية داخل العنصر للعرض المناسب والتكبير/التصغير باللمس:

 

ملحوظة: ال 'العرض=عرض الجهاز' يستخدم الجزء لضبط عرض الصفحة ليتبع عرض شاشة الجهاز (يختلف حسب الأجهزة).

ال المقياس الأولي = 1 يتم استخدام الجزء لتعيين مستوى التكبير/التصغير الأولي عند تحميل الصفحة لأول مرة بواسطة المتصفح.

الحاويات: يتم استخدام الحاوية لتغليف محتويات الموقع. هناك نوعان من فئات الحاويات.

  • ال .فئة الحاوية يوفر حاوية عرض ثابتة سريعة الاستجابة.
  • ال .حاوية السوائل توفر الفئة حاوية كاملة العرض، تمتد على كامل عرض إطار العرض.

ملحوظة: لا يمكن وضع حاوية داخل حاوية.


مثال Bootstrap الأول (مع حاوية عرض ثابتة سريعة الاستجابة)

 This is a Bootstrap example <p>Write your text here..</p> 

اختبره الآن