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

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

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

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

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

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

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

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

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

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

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

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

צװײ שפאלטן

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

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

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

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


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

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

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

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

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

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

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

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

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

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