اذهب إلى المحتوى
  • 0

كيف أنشئ صفحة ويب باستخدام Bootstrap؟

OsamaSaif

السؤال

Recommended Posts

  • 0

يوجد ثلاث خطوات أساسية للبدء بالعمل على إطار Bootstrap:

1- إضافة HTML5 doctype:

يستخدم Bootstrap  عناصر HTML5 وخصائص CSS التي تتطلب HTML5 doctype لذا يجب عليك تضمينها في بداية الصفحة مع تحديد السمة lang كما في المثال التالي:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"> 
  </head>
</html>

2- تحديد الوسم <meta>:

لقد تم تصميم Bootstrap لجعل الصفحات تلائم شاشات الأجهزة المحمولة لذا عليك إضافة الوسم <meta> داخل الوسم <head>  لضمان التصيير rendering وخاصية التكبير باللمس touch zooming:

<meta name="viewport" content="width=device-width, initial-scale=1">
  • تُحدد القيمة width=device-width عرض صفحة الويب لتلائم عرض شاشة الجهاز (والتي سوف تختلف بحسب نوع الجهاز).
  • تُحدد الخاصيّة initial-scale=1 مستوى التكبير الأولي عند تحميل الصفحة لأول مرة من قبل المتصفح.

3- الحاويات Containers:

يتطلب عنصر Bootstrap حاوية لمحتوى الموقع يوجد نوعين من الحاوية في Bootstrap يمكنك الاختيار منها:

  1. container class. توفّر عرض ثابت ومستجيب.
  2.  container-fluid class. توفر عرض حاوية كامل ومتغير يمتد على كامل عرض المعاينة viewport.

ملاحظة: الحاوية في Bootstrap لا تقبل التضمين أي أنك لا تستطيع إضافة حاوية ضمن حاوية أخرى.

 

كيف أنشئ صفحة ويب باستخدام Bootstrap؟

تم التعديل في بواسطة Lujain
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...