פריסות רשת בסיסיות כדי להכיר את הבנייה בתוך מערכת הרשת Bootstrap.
בדוגמאות אלה .themed-grid-col
הכיתה מתווספת לעמודות כדי להוסיף קצת נושא. זה לא מחלקה שזמינה ב-Bootstrap כברירת מחדל.
ישנן חמש שכבות למערכת ה-Bootstrap grid, אחת לכל טווח של מכשירים שאנו תומכים בהם. כל שכבה מתחילה בגודל יציאת תצוגה מינימלית ומתייחסת אוטומטית למכשירים הגדולים יותר, אלא אם כן היא מדרסת.
קבל שלוש עמודות ברוחב שווה, החל ממחשבים שולחניים וקנה מידה למחשבים שולחניים גדולים . במכשירים ניידים, בטאבלטים ומטה, העמודות ייערמו באופן אוטומטי.
קבל שלוש עמודות החל ממחשבים שולחניים וקנה מידה למחשבים שולחניים גדולים ברוחב שונים. זכור, עמודות רשת צריכות להסתכם ב-12 עבור בלוק אופקי יחיד. יותר מזה, ועמודות מתחילות להיערם ללא קשר לנקודת התצוגה.
קבל שתי עמודות החל ממחשבים שולחניים וקנה מידה למחשבים שולחניים גדולים .
אין צורך בשיעורי רשת עבור אלמנטים ברוחב מלא.
לפי התיעוד, קינון קל - פשוט שים שורה של עמודות בתוך עמודה קיימת. זה נותן לך שתי עמודות שמתחילות במחשבים שולחניים ומתרחבות למחשבים שולחניים גדולים , עם שתי עמודות נוספות (ברוחב שווה) בתוך העמודה הגדולה יותר.
בגדלים של מכשירים ניידים, בטאבלטים ומטה, העמודות הללו והעמודות המקוננות שלהן ייערמו.
למערכת Bootstrap v4 grid יש חמש שכבות של מחלקות: xs (קטן במיוחד, אינפיקס מחלקה זה אינו בשימוש), sm (קטן), md (בינוני), lg (גדול) ו-xl (גדול במיוחד). אתה יכול להשתמש כמעט בכל שילוב של מחלקות אלה כדי ליצור פריסות דינמיות וגמישות יותר.
כל שכבה של מחלקות גדלה, כלומר אם אתה מתכנן להגדיר את אותם רוחבים עבור md, lg ו-xl, אתה רק צריך לציין md.
מחלקות נוספות שנוספו ב-Bootstrap v4.4 מאפשרות מיכלים ברוחב של 100% עד לנקודת שבירה מסוימת.