تخطيطات الشبكة الأساسية لتعريفك بالبناء داخل نظام شبكة Bootstrap.
في هذه الأمثلة .themed-grid-col
يتم إضافة الفصل إلى الأعمدة لإضافة بعض السمات. هذه ليست فئة متوفرة في Bootstrap افتراضيًا.
هناك خمسة مستويات لنظام شبكة Bootstrap ، واحدة لكل مجموعة من الأجهزة التي ندعمها. تبدأ كل طبقة بأدنى حجم لإطار العرض وتنطبق تلقائيًا على الأجهزة الأكبر حجمًا ما لم يتم تجاوزها.
احصل على ثلاثة أعمدة متساوية العرض بدءًا من أجهزة سطح المكتب وتغيير الحجم إلى أجهزة كمبيوتر سطح المكتب الكبيرة . على الأجهزة المحمولة والأجهزة اللوحية وما دونها ، سيتم تكديس الأعمدة تلقائيًا.
احصل على ثلاثة أعمدة بدءًا من أجهزة سطح المكتب وقم بالتوسيع إلى أجهزة سطح المكتب الكبيرة ذات العروض المختلفة. تذكر ، يجب أن تضيف أعمدة الشبكة ما يصل إلى اثني عشر لكتلة أفقية واحدة. أكثر من ذلك ، تبدأ الأعمدة في التراص بغض النظر عن إطار العرض.
احصل على عمودين بدءًا من أجهزة سطح المكتب وقم بالتوسيع إلى أجهزة سطح المكتب الكبيرة .
لا توجد فئات الشبكة ضرورية للعناصر كاملة العرض.
وفقًا للوثائق ، يعد التداخل أمرًا سهلاً - فقط ضع صفًا من الأعمدة داخل عمود موجود. يمنحك هذا عمودين يبدأان من أسطح المكتب وقياسًا إلى أسطح مكتب كبيرة ، مع عمودين آخرين (عرضان متساويان) داخل العمود الأكبر.
في أحجام الأجهزة المحمولة والأجهزة اللوحية وما دونها ، سيتم تكديس هذه الأعمدة وأعمدتها المتداخلة.
يحتوي نظام شبكة Bootstrap v4 على خمسة مستويات من الفئات: xs (صغير جدًا ، لا يتم استخدام هذه الطبقة infix) و sm (صغير) و md (متوسط) و lg (كبير) و xl (كبير جدًا). يمكنك استخدام أي مجموعة تقريبًا من هذه الفئات لإنشاء تخطيطات أكثر ديناميكية ومرونة.
تتطور كل طبقة من الفئات ، مما يعني أنه إذا كنت تخطط لتعيين نفس عروض md و lg و xl ، فأنت تحتاج فقط إلى تحديد md.
تسمح الفئات الإضافية المضافة في Bootstrap v4.4 بعرض الحاويات بنسبة 100٪ حتى نقطة توقف معينة.