तीन गो बराबर के स्तंभ बा

डेस्कटॉप से ​​शुरू होके बड़ डेस्कटॉप तक स्केल करे वाला तीन गो बराबर चौड़ाई वाला कॉलम पाईं . मोबाइल डिवाइस, टैबलेट अवुरी ओकरा नीचे के कॉलम अपने आप ढेर हो जाई।

.कोल-एमडी-4 के बा
.कोल-एमडी-4 के बा
.कोल-एमडी-4 के बा

तीन गो असमान स्तंभ बा

डेस्कटॉप से ​​शुरू होके आ बिबिध चौड़ाई के बड़हन डेस्कटॉप पर स्केल करे वाला तीन गो कॉलम पाईं । याद रखीं, ग्रिड कॉलम सभ के एकही क्षैतिज ब्लॉक खातिर बारह तक जोड़ल जाय। एकरा से अधिका, आ कॉलम ढेर होखे लागेला चाहे ऊ व्यूपोर्ट कवनो होखे.

.कोल-एमडी-3 के बा
.कोल-एमडी-6 के बा
.कोल-एमडी-3 के बा

दू गो स्तंभ बा

डेस्कटॉप से ​​शुरू होके बड़हन डेस्कटॉप पर स्केल करे वाला दू गो कॉलम पाईं .

.कोल-एमडी-8 के बा
.कोल-एमडी-4 के बा

पूरा चौड़ाई, एकल स्तंभ के बा

पूरा चौड़ाई वाला तत्व सभ खातिर कौनों ग्रिड क्लास के जरूरत नइखे।


दू गो कॉलम जवना में दू गो नेस्टेड कॉलम होखे

दस्तावेजीकरण के अनुसार, नेस्टिंग आसान बा-बस कौनों मौजूदा कॉलम के भीतर कॉलम सभ के पंक्ति रखीं। एह से रउआँ के डेस्कटॉप से ​​शुरू होखे वाला आ बड़हन डेस्कटॉप में स्केल करे वाला दू गो कॉलम मिल जाई , बड़ कॉलम के भीतर दू गो अउरी (बराबर चौड़ाई) के साथ।

मोबाइल डिवाइस के साइज, टैबलेट आ नीचे पर ई कॉलम आ इनहन के नेस्टेड कॉलम ढेर हो जाई।

.कोल-एमडी-8 के बा
.कोल-एमडी-6 के बा
.कोल-एमडी-6 के बा
.कोल-एमडी-4 के बा

मिश्रित: मोबाइल आ डेस्कटॉप बा

बूटस्ट्रैप 3 ग्रिड सिस्टम में चार गो टीयर के क्लास बा: xs (फोन), sm (टैबलेट), md (डेस्कटॉप), आ lg (बड़का डेस्कटॉप)। रउआँ एह क्लास सभ के लगभग कौनों भी संयोजन के इस्तेमाल क के अउरी डायनामिक आ लचीला लेआउट बना सकत बानी।

क्लास सभ के हर टीयर स्केल अप हो जाला, मने कि अगर आप xs आ sm खातिर एकही चौड़ाई सेट करे के योजना बनावत बानी, त रउआँ के खाली xs निर्दिष्ट करे के पड़ी।

.कोल-एक्सएस-12 .कोल-एमडी-8 के बा
.कोल-एक्सएस-6 .कोल-एमडी-4 के बा
.कोल-एक्सएस-6 .कोल-एमडी-4 के बा
.कोल-एक्सएस-6 .कोल-एमडी-4 के बा
.कोल-एक्सएस-6 .कोल-एमडी-4 के बा
.col-xs-6 के बा
.col-xs-6 के बा

मिश्रित: मोबाइल, टैबलेट, आ डेस्कटॉप बा

.कोल-एक्सएस-12 .कोल-एसएम-6 .कोल-एलजी-8 के बा
.कोल-एसएम-6 .कोल-एलजी-4 के बा
.कोल-एक्सएस-6 .कोल-एसएम-4 के बा
.कोल-एक्सएस-6 .कोल-एसएम-4 के बा
.कोल-एक्सएस-6 .कोल-एसएम-4 के बा

कॉलम के साफ कइल जा रहल बा

असमान सामग्री के साथ अजीब लपेट के रोके खातिर विशिष्ट ब्रेकपॉइंट पर साफ फ्लोट करेला।

.col-xs-6 .col-sm-3
अपना व्यूपोर्ट के आकार बदलीं भा उदाहरण खातिर अपना फोन पर देख लीं.
.कोल-एक्सएस-6 .कोल-एसएम-3 के बा
.कोल-एक्सएस-6 .कोल-एसएम-3 के बा
.कोल-एक्सएस-6 .कोल-एसएम-3 के बा

ऑफसेट, पुश, आ पुल रीसेट हो जाला

विशिष्ट ब्रेकपॉइंट पर ऑफसेट, धक्का, आ पुल के रीसेट करीं.

.कोल-एसएम-5 .कोल-एमडी-6 के बा
.col-sm-5 .col-sm-ऑफसेट-2 .col-md-6 .col-md-ऑफसेट-0 के बा
.कोल-एसएम-6 .कोल-एमडी-5 .कोल-एलजी-6 के बा
.col-sm-6 .col-md-5 .col-md-ऑफसेट-2 .col-lg-6 .col-lg-ऑफसेट-0 के बा