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

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

.कोल-एमडी-4 ऐ
.कोल-एमडी-4 ऐ
.कोल-एमडी-4 ऐ

तीन असमान स्तंभ

डेस्कटॉप थमां शुरू होने आह् ले ते बक्ख-बक्ख चौड़ाई दे बड्डे डेस्कटॉप तगर स्केल करने आह् ले त्रै स्तंभ हासल करो । याद रखो, ग्रिड स्तंभें गी इक क्षैतिज ब्लॉक आस्तै बारह तगर जोड़ना चाहिदा ऐ। उसदे शा मता, ते स्तंभ ढेर करना शुरू करदे न चाहे व्यूपोर्ट कोई फर्क नेईं पौंदा।

.कोल-एमडी-3 ऐ
.कोल-एमडी-6 ऐ
.कोल-एमडी-3 ऐ

दो स्तंभ

डेस्कटॉप थमां शुरू होने आह् ले ते बड्डे डेस्कटॉप तगर स्केल करने आह् ले दो स्तंभ हासल करो .

.कोल-एमडी-8 ऐ
.कोल-एमडी-4 ऐ

पूरी चौड़ाई, इकल स्तंभ

पूर्ण-चौड़ाई तत्वें लेई कोई बी ग्रिड वर्ग जरूरी नेईं ऐ।


दो नेस्टेड स्तंभें कन्नै दो स्तंभ

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

मोबाइल डिवाइस दे आकार, टैबलेट ते डाउन पर, एह् स्तंभ ते उंदे नेस्टेड स्तंभ ढेर होङन।

.कोल-एमडी-8 ऐ
.कोल-एमडी-6 ऐ
.कोल-एमडी-6 ऐ
.कोल-एमडी-4 ऐ

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

बूटस्ट्रैप 3 ग्रिड सिस्टम च चार स्तरें दी क्लास ऐ: xs (फोन), sm (टैबलेट), md (डेस्कटॉप), ते lg (बड्डे डेस्कटॉप)। तुस होर गतिशील ते लचीले लेआउट बनाने लेई इनें वर्गें दे लगभग कुसै बी संयोजन दा इस्तेमाल करी सकदे ओ।

Each tier of classes scales up, meaning if you plan on setting the same widths for xs and sm, you only need to specify 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

Mixed: mobile, tablet, and desktop

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

Column clearing

Clear floats at specific breakpoints to prevent awkward wrapping with uneven content.

.col-xs-6 .col-sm-3
Resize your viewport or check it out on your phone for an example.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Offset, push, and pull resets

Reset offsets, pushes, and pulls at specific breakpoints.

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