त्रै बराबर स्तंभ

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

.कोल-एमडी-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 ऐ
.कोल-एक्सएस-6 ऐ
.कोल-एक्सएस-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 ऐ
.कोल-एसएम-5 .कोल-एसएम-ऑफसेट-2 .कोल-एमडी-6 .कोल-एमडी-ऑफसेट-0
.कोल-एसएम-6 .कोल-एमडी-5 .कोल-एलजी-6 ऐ
.कोल-एसएम-6 .कोल-एमडी-5 .कोल-एमडी-ऑफसेट-2 .कोल-एलजी-6 .कोल-एलजी-ऑफसेट-0