ಮೂರು ಸಮಾನ ಕಾಲಮ್‌ಗಳು

ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳಿಂದ ಪ್ರಾರಂಭಿಸಿ ಮತ್ತು ದೊಡ್ಡ ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳಿಗೆ ಸ್ಕೇಲಿಂಗ್ ಮಾಡುವ ಮೂರು ಸಮಾನ-ಅಗಲ ಕಾಲಮ್‌ಗಳನ್ನು ಪಡೆಯಿರಿ . ಮೊಬೈಲ್ ಸಾಧನಗಳು, ಟ್ಯಾಬ್ಲೆಟ್‌ಗಳು ಮತ್ತು ಕೆಳಗಿನವುಗಳಲ್ಲಿ, ಕಾಲಮ್‌ಗಳು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸ್ಟ್ಯಾಕ್ ಆಗುತ್ತವೆ.

.col-md-4
.col-md-4
.col-md-4

ಮೂರು ಅಸಮಾನ ಕಾಲಮ್‌ಗಳು

ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳಿಂದ ಪ್ರಾರಂಭವಾಗುವ ಮೂರು ಕಾಲಮ್‌ಗಳನ್ನು ಪಡೆಯಿರಿ ಮತ್ತು ವಿವಿಧ ಅಗಲಗಳ ದೊಡ್ಡ ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳಿಗೆ ಸ್ಕೇಲಿಂಗ್ ಮಾಡಿ. ನೆನಪಿಡಿ, ಗ್ರಿಡ್ ಕಾಲಮ್‌ಗಳು ಒಂದೇ ಸಮತಲ ಬ್ಲಾಕ್‌ಗೆ ಹನ್ನೆರಡು ವರೆಗೆ ಸೇರಿಸಬೇಕು. ಅದಕ್ಕಿಂತ ಹೆಚ್ಚು, ಮತ್ತು ಕಾಲಮ್‌ಗಳು ವ್ಯೂಪೋರ್ಟ್ ಅನ್ನು ಲೆಕ್ಕಿಸದೆ ಪೇರಿಸುವುದನ್ನು ಪ್ರಾರಂಭಿಸುತ್ತವೆ.

.col-md-3
.col-md-6
.col-md-3

ಎರಡು ಕಾಲಮ್‌ಗಳು

ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳಿಂದ ಪ್ರಾರಂಭವಾಗುವ ಎರಡು ಕಾಲಮ್‌ಗಳನ್ನು ಪಡೆಯಿರಿ ಮತ್ತು ದೊಡ್ಡ ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳಿಗೆ ಸ್ಕೇಲಿಂಗ್ ಮಾಡಿ .

.col-md-8
.col-md-4

ಪೂರ್ಣ ಅಗಲ, ಏಕ ಕಾಲಮ್

ಪೂರ್ಣ-ಅಗಲ ಅಂಶಗಳಿಗೆ ಯಾವುದೇ ಗ್ರಿಡ್ ತರಗತಿಗಳು ಅಗತ್ಯವಿಲ್ಲ.


ಎರಡು ನೆಸ್ಟೆಡ್ ಕಾಲಮ್‌ಗಳೊಂದಿಗೆ ಎರಡು ಕಾಲಮ್‌ಗಳು

ದಸ್ತಾವೇಜನ್ನು ಪ್ರತಿಯಾಗಿ, ಗೂಡುಕಟ್ಟುವುದು ಸುಲಭ - ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಕಾಲಮ್‌ನಲ್ಲಿ ಕಾಲಮ್‌ಗಳ ಸಾಲನ್ನು ಇರಿಸಿ. ಇದು ನಿಮಗೆ ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳಿಂದ ಪ್ರಾರಂಭವಾಗುವ ಎರಡು ಕಾಲಮ್‌ಗಳನ್ನು ನೀಡುತ್ತದೆ ಮತ್ತು ದೊಡ್ಡ ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳಿಗೆ ಸ್ಕೇಲಿಂಗ್ ಮಾಡುತ್ತದೆ , ದೊಡ್ಡ ಕಾಲಮ್‌ನೊಳಗೆ ಇನ್ನೆರಡು (ಸಮಾನ ಅಗಲಗಳು) ಇರುತ್ತದೆ.

ಮೊಬೈಲ್ ಸಾಧನದ ಗಾತ್ರಗಳು, ಟ್ಯಾಬ್ಲೆಟ್‌ಗಳು ಮತ್ತು ಕೆಳಗೆ, ಈ ಕಾಲಮ್‌ಗಳು ಮತ್ತು ಅವುಗಳ ನೆಸ್ಟೆಡ್ ಕಾಲಮ್‌ಗಳು ಸ್ಟ್ಯಾಕ್ ಆಗುತ್ತವೆ.

.col-md-8
.col-md-6
.col-md-6
.col-md-4

ಮಿಶ್ರಿತ: ಮೊಬೈಲ್ ಮತ್ತು ಡೆಸ್ಕ್‌ಟಾಪ್

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ 3 ಗ್ರಿಡ್ ವ್ಯವಸ್ಥೆಯು ನಾಲ್ಕು ಹಂತದ ವರ್ಗಗಳನ್ನು ಹೊಂದಿದೆ: xs (ಫೋನ್‌ಗಳು), sm (ಟ್ಯಾಬ್ಲೆಟ್‌ಗಳು), md (ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳು), ಮತ್ತು lg (ದೊಡ್ಡ ಡೆಸ್ಕ್‌ಟಾಪ್‌ಗಳು). ಹೆಚ್ಚು ಕ್ರಿಯಾತ್ಮಕ ಮತ್ತು ಹೊಂದಿಕೊಳ್ಳುವ ಲೇಔಟ್‌ಗಳನ್ನು ರಚಿಸಲು ನೀವು ಈ ವರ್ಗಗಳ ಯಾವುದೇ ಸಂಯೋಜನೆಯನ್ನು ಬಳಸಬಹುದು.

ತರಗತಿಗಳ ಪ್ರತಿಯೊಂದು ಹಂತವು ಹೆಚ್ಚಾಗುತ್ತದೆ, ಅಂದರೆ ನೀವು xs ಮತ್ತು sm ಗಾಗಿ ಒಂದೇ ಅಗಲವನ್ನು ಹೊಂದಿಸಲು ಯೋಜಿಸಿದರೆ, ನೀವು xs ಅನ್ನು ಮಾತ್ರ ನಿರ್ದಿಷ್ಟಪಡಿಸಬೇಕಾಗುತ್ತದೆ.

.col-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

ಮಿಶ್ರಿತ: ಮೊಬೈಲ್, ಟ್ಯಾಬ್ಲೆಟ್ ಮತ್ತು ಡೆಸ್ಕ್‌ಟಾಪ್

.col-xs-12 .col-sm-6 .col-lg-8
.col-sm-6 .col-lg-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4

ಕಾಲಮ್ ಕ್ಲಿಯರಿಂಗ್

ಅಸಮ ವಿಷಯದೊಂದಿಗೆ ವಿಚಿತ್ರವಾದ ಸುತ್ತುವಿಕೆಯನ್ನು ತಡೆಗಟ್ಟಲು ನಿರ್ದಿಷ್ಟ ಬ್ರೇಕ್‌ಪಾಯಿಂಟ್‌ಗಳಲ್ಲಿ ಫ್ಲೋಟ್‌ಗಳನ್ನು ತೆರವುಗೊಳಿಸಿ .

.col-xs-6 .col-sm-3
ನಿಮ್ಮ ವ್ಯೂಪೋರ್ಟ್ ಅನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ ಅಥವಾ ಉದಾಹರಣೆಗಾಗಿ ನಿಮ್ಮ ಫೋನ್‌ನಲ್ಲಿ ಅದನ್ನು ಪರಿಶೀಲಿಸಿ.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

ಆಫ್‌ಸೆಟ್, ಪುಶ್ ಮತ್ತು ಪುಲ್ ರೀಸೆಟ್‌ಗಳು

ನಿರ್ದಿಷ್ಟ ಬ್ರೇಕ್‌ಪಾಯಿಂಟ್‌ಗಳಲ್ಲಿ ಆಫ್‌ಸೆಟ್‌ಗಳನ್ನು ಮರುಹೊಂದಿಸಿ, ತಳ್ಳುತ್ತದೆ ಮತ್ತು ಎಳೆಯುತ್ತದೆ.

.col-sm-5 .col-md-6
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0