فقرة فرعية #3 من درس: النظام الشبكي في BootStrap

BootStrap Gird Equal Columns الاعمدة المتساوية في نظام شبكة BootStrap

ستتعلم في هذا الدرس grid system structure وتقسيمة صفحات الويب الى rows صفوف وتقسيم الصفوف الى columns اعمدة بواسطة اطار عمل bootstrap.

1 صفوف تعليمية

Bootstrap

3,709 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لعمل جميع الاعمدة متساوية فيجب اضافة كلاس col. وسيقوم bootstrap بتوزيع عرض الصفحة (12 عمود) على عدد العناصر الموجودة بالتساوي.

جرّب بنفسك

استخدام كلاس col. لاعطاء عرض متساوٍ لكل عنصر.

HTML

<div class="row">
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
</div>