बूटस्ट्रैप जाल उदाहरण

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

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

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

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

द्वौ स्तम्भौ

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

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

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

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

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

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

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

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

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

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

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

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

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

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