شرح صفوف ومحتوى الفقرة
تتجاوز زيارات الهواتف الذكية اليوم أكثر من نصف حركة الويب العالمية؛ لذلك صُمّم Bootstrap 5 من جذوره وفق فلسفة الجوال أولاً، حيث تستهدف التنسيقات الافتراضية الشاشات الصغيرة مباشرةً بأبسط قواعد ممكنة، ثم تُضاف تحسينات التوسع تدريجياً كلما اتسع عرض الشاشة:
- ترتيب أولويات المحتوى: يفرض البدء بشاشة الهاتف التركيز على العناصر الجوهرية أولاً وتقديم تجربة قراءة صافية قبل توزيع الكتل أفقياً على الشاشات الكبيرة.
- كفاءة الأداء على الهواتف: يقرأ متصفح الهاتف القواعد الأساسية الخفيفة فوراً، بدلاً من تحميل تخطيط مكتبي معقد ثم استهلاك المعالج في إلغائه وإعادة تكديسه.
- ملاءمة اللمس القياسية: ضُبطت أحجام الخطوط وارتفاعات الأسطر وحشو الأزرار مثل
btnفي الإصدار الخامس لتوفر مساحات نقر مريحة للأصابع تلقائياً.
HTML
<div class="container">
<h2>Mobile-First Content Block</h2>
<p>Stacks naturally on phones and centers on desktop.</p>
<button type="button" class="btn btn-primary">
Start Learning
</button>
</div>