त्रयः समानस्तम्भाः

डेस्कटॉप् तः आरभ्य बृहत् डेस्कटॉप् मध्ये स्केल कृत्वा त्रीणि समानविस्तारयुक्तानि स्तम्भानि प्राप्नुवन्तु . चलयन्त्रेषु, टैब्लेट्-मध्ये, अधः च स्तम्भाः स्वयमेव स्तम्भिताः भविष्यन्ति ।

.कोल-मद्-४
.कोल-मद्-४
.कोल-मद्-४

त्रयः असमानस्तम्भाः

डेस्कटॉप् इत्यस्मात् आरभ्य विविधविस्तारस्य बृहत् डेस्कटॉप् यावत् स्केल कृत्वा त्रीणि स्तम्भानि प्राप्नुवन्तु । स्मर्यतां, एकस्य क्षैतिजखण्डस्य कृते जालस्तम्भाः द्वादशपर्यन्तं योजयितव्याः । तस्मात् अधिकं, स्तम्भाः च viewport किमपि न भवतु स्तम्भनं आरभन्ते ।

.कोल-मद्-३
.कोल-मद्-६
.कोल-मद्-३

द्वौ स्तम्भौ

डेस्कटॉप् मध्ये आरभ्य बृहत् डेस्कटॉप् मध्ये स्केल कृत्वा द्वौ स्तम्भौ प्राप्नुवन्तु |

.कोल-मद्-८
.कोल-मद्-४

पूर्ण चौड़ाई, एकल स्तम्भ

पूर्णविस्तारयुक्तानां तत्त्वानां कृते कोऽपि जालवर्गः आवश्यकः नास्ति ।


द्वौ स्तम्भौ द्वौ नीडस्तम्भौ सह

दस्तावेजीकरणस्य अनुसारं, नेस्टिंग् सुलभम् अस्ति-मात्रं विद्यमानस्य स्तम्भस्य अन्तः स्तम्भानां पङ्क्तिं स्थापयन्तु । एतेन भवन्तः डेस्कटॉप् तः आरभ्य बृहत् डेस्कटॉप् मध्ये स्केल कृत्वा द्वौ स्तम्भौ ददाति , बृहत्तरस्य स्तम्भस्य अन्तः अन्यौ द्वौ (समानविस्तारौ) सह ।

चलयन्त्रस्य आकारेषु, टैब्लेट्-मध्ये, अधः च एते स्तम्भाः तेषां नेस्टेड्-स्तम्भाः च स्तम्भयिष्यन्ति ।

.कोल-मद्-८
.कोल-मद्-६
.कोल-मद्-६
.कोल-मद्-४

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

Bootstrap 3 ग्रिड् प्रणाल्यां वर्गाणां चत्वारि स्तराः सन्ति : xs (फोनाः), sm (टैब्लेट्), md (डेस्कटॉप्स्), lg (बृहत्तराः डेस्कटॉप्स्) च । अधिकगतिशीलं लचीलं च विन्यासं निर्मातुं भवान् एतेषां वर्गानां प्रायः कस्यापि संयोजनस्य उपयोगं कर्तुं शक्नोति ।

वर्गाणां प्रत्येकं स्तरः स्केल अप भवति, अर्थात् यदि भवान् xs तथा sm इत्येतयोः कृते समानविस्तारं सेट् कर्तुं योजनां करोति तर्हि भवान् केवलं xs निर्दिष्टुं प्रवृत्तः भवति ।

.कोल-क्सस्-१२ .कोल-मद्-८
.कोल-क्सस्-६ .कोल-मद्-४
.कोल-क्सस्-६ .कोल-मद्-४
.कोल-क्सस्-६ .कोल-मद्-४
.कोल-क्सस्-६ .कोल-मद्-४
.कोल-क्सस्-६
.कोल-क्सस्-६

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

.कोल-क्सस-१२ .कोल-स्म-६ .कोल-लग-८
.कोल-क्सस्-६ .कोल-लग-४
.कोल-क्सस-६ .कोल-स्म-४
.कोल-क्सस-६ .कोल-स्म-४
.कोल-क्सस-६ .कोल-स्म-४

स्तम्भ समाशोधनम्

विषमसामग्रीयुक्तं विषमवेष्टनं निवारयितुं विशिष्टविच्छेदबिन्दुषु स्पष्टं प्लवति ।

.col-xs-6 .col-sm-3
स्वस्य viewport इत्यस्य आकारं परिवर्तयन्तु अथवा उदाहरणार्थं स्वस्य दूरभाषे पश्यन्तु ।
.कोल-क्सस्-६ .कोल-स्म-३
.कोल-क्सस्-६ .कोल-स्म-३
.कोल-क्सस्-६ .कोल-स्म-३

ऑफसेट्, पुश, तथा पुल रीसेट्

विशिष्टेषु ब्रेकपॉइण्ट्-स्थानेषु आफ्सेट्, पुश्स्, पुल्स् च पुनः सेट् कुर्वन्तु ।

.कोल-स्म-५ .कोल-मद्-६
.कोल-स्म-५ .कोल-स्म-ऑफसेट-२ .कोल-मड-६ .कोल-मड-ऑफसेट-०
.कोल-स्म-६ .कोल-मद्-५ .कोल-लग-६
.कोल-स्म-६ .कोल-मड-५ .कोल-मड-ऑफसेट-२ .कोल-लग-६ .कोल-लग-ऑफसेट-०