انتقل إلى محتوى الدرس

BootStrap Grid Classes كلاسات نظام الشبكات

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

1 صفوف تعليمية
Bootstrap
3,709 مشاهدة

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

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

 الكلاسات الخاصة بتحديد عدد اعمدة كل element عنصر حسب نوع الجهاز المستخدم :

xxl ≥ 1400px

xl ≥ 1200px

lg ≥ 992px

md ≥ 768px

sm ≥ 576px

xs < 576px

الحجم Size

.col-xxl-

.col-xl-

.col-lg-

.col-md-

.col-sm-

.col-

الكلاس Class
الشاشات الكبير جدا جدا الشاشات الكبير جدا الشاشات الكبير الشاشات المتوسطة الشاشات الصغيرة الشاشات الصغيرة جدا الجهاز Device



col class.

استخدام كلاس -col. داخل عناصر HTML.

HTML
<!-- Control the column width, and how they should appear on different devices -->
<div class="row">
  <div class="col-*-*"></div>
  <div class="col-*-*"></div>
</div>