شرح صفوف ومحتوى الفقرة
يرتكز كل مشروع مبني ببوتستراب 5 على قالب بداية قياسي بلغة HTML5، وإن إغفال سطر واحد منه قد يفسد حسابات التجاوب بالكامل:
- إعلان
<!DOCTYPE html>: يفعّل الوضع القياسي في المتصفح لضمان دقة أبعاد الصناديق والشبكة المرنة. - وسم العرض المتجاوب
<meta name="viewport" content="width=device-width, initial-scale=1.0">: يأمر متصفح الهاتف بمساواة عرض الصفحة بالعرض الحقيقي لشاشة الجهاز، فبدونه يتصرف الهاتف كشاشة مكتبية مصغرة بعرض 980px وتظهر النصوص مجهرية. - ترتيب استدعاء الملفات: يُربط ملف
bootstrap.min.cssداخل<head>قبل ملف تنسيقاتك المخصص لمنع وميض المحتوى غير المنسق، وتوضع حزمةbootstrap.bundle.min.jsقبيل إغلاق</body>.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="container"><h1>Ready!</h1></div>
</body>