ביישפילן פון באָאָטסטראַפּ גריד
יקערדיק גריד לייאַוץ צו באַקומען באַקאַנט מיט בנין אין די Bootstrap גריד סיסטעם.
אין די ביישפילן, די .themed-grid-col
קלאַס איז מוסיף צו די שפאלטן צו לייגן עטלעכע טימז. דאָס איז נישט אַ קלאַס וואָס איז בארעכטיגט אין Bootstrap דורך פעליקייַט.
פינף גריד טיערס
עס זענען פינף טיערס צו די באָאָטסטראַפּ גריד סיסטעם, איינער פֿאַר יעדער קייט פון דעוויסעס וואָס מיר שטיצן. יעדער ריי סטאַרץ מיט אַ מינימום וויופּאָרט גרייס און אויטאָמאַטיש אַפּלייז צו די גרעסערע דעוויסעס סייַדן אָווועררייד.
דרײ גלײכע שפאלטן
באַקומען דריי שפאלטן מיט גלייך ברייט סטאַרטינג בייַ דעסקטאַפּס און סקיילינג צו גרויס דעסקטאַפּס . אויף רירעוודיק דעוויסעס, טאַבלאַץ און ווייטער, די שפאלטן וועט אויטאָמאַטיש אָנלייגן.
דרייַ גלייַך שפאלטן אנדער ברירה
דורך ניצן די .row-cols-*
קלאסן, איר קענען לייכט שאַפֿן אַ גריד מיט גלייַך שפאלטן.
.col
קינד פון
.row-cols-md-3
.col
קינד פון
.row-cols-md-3
.col
קינד פון
.row-cols-md-3
דרײ אומגלײכע שפאלטן
באַקומען דריי שפאלטן סטאַרטינג בייַ דעסקטאַפּס און סקיילינג צו גרויס דעסקטאַפּס פון פאַרשידן ווידטס. געדענקט, גריד שפאלטן זאָל לייגן אַרויף צו צוועלף פֿאַר אַ איין האָריזאָנטאַל בלאָק. מער ווי דאָס, און שפאלטן אָנהייבן סטאַקינג קיין ענין די וויופּאָרט.
צװײ שפאלטן
באַקומען צוויי שפאלטן סטאַרטינג בייַ דעסקטאַפּס און סקיילינג צו גרויס דעסקטאַפּס .
גאַנץ ברייט, איין זייַל
קיין גריד קלאסן זענען נייטיק פֿאַר פול-ברייט עלעמענטן.
צוויי שפאלטן מיט צוויי נעסטעד שפאלטן
לויט די דאַקיומענטיישאַן, נעסטינג איז גרינג - נאָר שטעלן אַ רודערן פון שפאלטן אין אַ יגזיסטינג זייַל. דאָס גיט איר צוויי שפאלטן סטאַרטינג בייַ דעסקטאַפּס און סקיילינג צו גרויס דעסקטאַפּס , מיט נאָך צוויי (גלייַך ברייט) אין די גרעסערע זייַל.
אין רירעוודיק מיטל סיזעס, טאַבלאַץ און אַראָפּ, די שפאלטן און זייער נעסטעד שפאלטן וועט אָנלייגן.
געמישט: רירעוודיק און דעסקטאַפּ
די Bootstrap v4 גריד סיסטעם האט פינף טיערס פון קלאסן: xs (עקסטרע קליין, דעם קלאַס ינפיקס איז נישט געניצט), סמ (קליין), מד (מיטל), לג (גרויס) און קסל (עקסטרע גרויס). איר קענט נוצן כּמעט קיין קאָמבינאַציע פון די קלאסן צו שאַפֿן מער דינאַמיש און פלעקסאַבאַל לייאַוץ.
יעדער ריי פון קלאסן וואָג אַרויף, טייַטש אויב איר פּלאַן צו שטעלן די זעלבע ברייטס פֿאַר md, lg און xl, איר נאָר דאַרפֿן צו ספּעציפיצירן md.
געמישט: רירעוודיק, טאַבלעט און דעסקטאַפּ
גוטערס
מיט .gx-*
קלאסן, די האָריזאָנטאַל גאַטערז קענען זיין אַדזשאַסטיד.
.col
מיט
.gx-4
גאסן
.col
מיט
.gx-4
גאסן
.col
מיט
.gx-4
גאסן
.col
מיט
.gx-4
גאסן
.col
מיט
.gx-4
גאסן
.col
מיט
.gx-4
גאסן
ניצן די .gy-*
קלאסן צו קאָנטראָלירן די ווערטיקאַל גאַטערז.
.col
מיט
.gy-4
גאסן
.col
מיט
.gy-4
גאסן
.col
מיט
.gy-4
גאסן
.col
מיט
.gy-4
גאסן
.col
מיט
.gy-4
גאסן
.col
מיט
.gy-4
גאסן
מיט .g-*
קלאסן, די גאַטערז אין ביידע אינסטרוקציעס קענען זיין אַדזשאַסטיד.
.col
מיט
.g-3
גאסן
.col
מיט
.g-3
גאסן
.col
מיט
.g-3
גאסן
.col
מיט
.g-3
גאסן
.col
מיט
.g-3
גאסן
.col
מיט
.g-3
גאסן
קאַנטיינערז
נאָך קלאסן צוגעגעבן אין Bootstrap v4.4 לאָזן קאַנטיינערז וואָס זענען 100% ברייט ביז אַ באַזונדער ברייקפּוינט. v5 מוסיף אַ נייַע xxl
ברייקפּאָינט.