ביישפילן פון באָאָטסטראַפּ גריד

יקערדיק גריד לייאַוץ צו באַקומען באַקאַנט מיט בנין אין די Bootstrap גריד סיסטעם.

אין די ביישפילן, די .themed-grid-colקלאַס איז מוסיף צו די שפאלטן צו לייגן עטלעכע טימז. דאָס איז נישט אַ קלאַס וואָס איז בארעכטיגט אין Bootstrap דורך פעליקייַט.

פינף גריד טיערס

עס זענען פינף טיערס צו די באָאָטסטראַפּ גריד סיסטעם, איינער פֿאַר יעדער קייט פון דעוויסעס וואָס מיר שטיצן. יעדער ריי סטאַרץ מיט אַ מינימום וויופּאָרט גרייס און אויטאָמאַטיש אַפּלייז צו די גרעסערע דעוויסעס סייַדן אָווועררייד.

.קאָל-4
.קאָל-4
.קאָל-4
.קאָל-סמ-4
.קאָל-סמ-4
.קאָל-סמ-4
.קאָל-מד-4
.קאָל-מד-4
.קאָל-מד-4
.קאָל-לג-4
.קאָל-לג-4
.קאָל-לג-4
.קאָל-קסל-4
.קאָל-קסל-4
.קאָל-קסל-4
.col-xxl-4
.col-xxl-4
.col-xxl-4

דרײ גלײכע שפאלטן

באַקומען דריי שפאלטן מיט גלייך ברייט סטאַרטינג בייַ דעסקטאַפּס און סקיילינג צו גרויס דעסקטאַפּס . אויף רירעוודיק דעוויסעס, טאַבלאַץ און ווייטער, די שפאלטן וועט אויטאָמאַטיש אָנלייגן.

.קאָל-מד-4
.קאָל-מד-4
.קאָל-מד-4

דרייַ גלייַך שפאלטן אנדער ברירה

דורך ניצן די .row-cols-*קלאסן, איר קענען לייכט שאַפֿן אַ גריד מיט גלייַך שפאלטן.

.colקינד פון .row-cols-md-3
.colקינד פון .row-cols-md-3
.colקינד פון .row-cols-md-3

דרײ אומגלײכע שפאלטן

באַקומען דריי שפאלטן סטאַרטינג בייַ דעסקטאַפּס און סקיילינג צו גרויס דעסקטאַפּס פון פאַרשידן ווידטס. געדענקט, גריד שפאלטן זאָל לייגן אַרויף צו צוועלף פֿאַר אַ איין האָריזאָנטאַל בלאָק. מער ווי דאָס, און שפאלטן אָנהייבן סטאַקינג קיין ענין די וויופּאָרט.

.קאָל-מד-3
.קאָל-מד-6
.קאָל-מד-3

צװײ שפאלטן

באַקומען צוויי שפאלטן סטאַרטינג בייַ דעסקטאַפּס און סקיילינג צו גרויס דעסקטאַפּס .

.קאָל-מד-8
.קאָל-מד-4

גאַנץ ברייט, איין זייַל

קיין גריד קלאסן זענען נייטיק פֿאַר פול-ברייט עלעמענטן.


צוויי שפאלטן מיט צוויי נעסטעד שפאלטן

לויט די דאַקיומענטיישאַן, נעסטינג איז גרינג - נאָר שטעלן אַ רודערן פון שפאלטן אין אַ יגזיסטינג זייַל. דאָס גיט איר צוויי שפאלטן סטאַרטינג בייַ דעסקטאַפּס און סקיילינג צו גרויס דעסקטאַפּס , מיט נאָך צוויי (גלייַך ברייט) אין די גרעסערע זייַל.

אין רירעוודיק מיטל סיזעס, טאַבלאַץ און אַראָפּ, די שפאלטן און זייער נעסטעד שפאלטן וועט אָנלייגן.

.קאָל-מד-8
.קאָל-מד-6
.קאָל-מד-6
.קאָל-מד-4

געמישט: רירעוודיק און דעסקטאַפּ

די Bootstrap v4 גריד סיסטעם האט פינף טיערס פון קלאסן: xs (עקסטרע קליין, דעם קלאַס ינפיקס איז נישט געניצט), סמ (קליין), מד (מיטל), לג (גרויס) און קסל (עקסטרע גרויס). איר קענט נוצן כּמעט קיין קאָמבינאַציע פון ​​​​די קלאסן צו שאַפֿן מער דינאַמיש און פלעקסאַבאַל לייאַוץ.

יעדער ריי פון קלאסן וואָג אַרויף, טייַטש אויב איר פּלאַן צו שטעלן די זעלבע ברייטס פֿאַר md, lg און xl, איר נאָר דאַרפֿן צו ספּעציפיצירן md.

.קאָל-מד-8
.קאָל-6 .קאָל-מד-4
.קאָל-6 .קאָל-מד-4
.קאָל-6 .קאָל-מד-4
.קאָל-6 .קאָל-מד-4
.קאָל-6
.קאָל-6

געמישט: רירעוודיק, טאַבלעט און דעסקטאַפּ

.קאָל-סמ-6 .קאָל-לג-8
.קאָל-6 .קאָל-לג-4
.קאָל-6 .קאָל-סמ-4
.קאָל-6 .קאָל-סמ-4
.קאָל-6 .קאָל-סמ-4

גוטערס

מיט .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ברייקפּאָינט.

.קאנטעינער
.קאָנטאַינער-סם
.container-md
.container-lg
.container-xl
.container-xxl
.container-פליסיק