Source

विन्यासस्य कृते उपयोगितानि

द्रुततरं मोबाईल-अनुकूलं प्रतिक्रियाशीलं च विकासाय, Bootstrap इत्यत्र सामग्रीं दर्शयितुं, गोपनं कर्तुं, संरेखयितुं, अन्तरं स्थापयितुं च दर्जनशः उपयोगितावर्गाः समाविष्टाः सन्ति ।

परिवर्तनम्display

गुणस्य सामान्यमूल्यानां प्रतिक्रियापूर्वकं टॉग्लिंग् कर्तुं अस्माकं प्रदर्शन-उपयोगितायाःdisplay उपयोगं कुर्वन्तु । विशिष्टदृश्यपोर्ट् मध्ये दर्शयितुं वा गोपयितुं वा अस्माकं जालप्रणाल्याः, सामग्रीभिः, घटकैः वा सह मिश्रयन्तु ।

Flexbox विकल्पाः

Bootstrap 4 flexbox इत्यनेन सह निर्मितम् अस्ति, परन्तु प्रत्येकस्य तत्त्वस्य displayपरिवर्तनं न कृतम् display: flexयतः एतेन बहवः अनावश्यकाः अधिलेखाः योजिताः भविष्यन्ति तथा च अप्रत्याशितरूपेण कुञ्जी ब्राउजर् व्यवहाराः परिवर्तिताः भविष्यन्ति अस्माकं अधिकांशः घटकाः flexbox enabled इत्यनेन निर्मिताः सन्ति ।

यदि भवन्तः display: flexकस्मिंश्चित् तत्त्वे योजयितुं प्रवृत्ताः भवेयुः, तर्हि .d-flexप्रतिक्रियाशीलरूपान्तरेषु (उदा., .d-sm-flex) इत्यनेन सह वा एकेन वा कुर्वन्तु । आकारनिर्धारणाय, संरेखणे, अन्तरालस्य, इत्यादीनां कृते अस्माकं अतिरिक्त- flexbox-उपयोगितायाःdisplay उपयोगं अनुमन्यते इति भवद्भ्यः एतत् वर्गं वा मूल्यं वा आवश्यकं भविष्यति ।

मार्जिन एवं गद्दी

तत्त्वानि घटकानि च कथं अन्तरं कृत्वा आकारः भवति इति नियन्त्रयितुं marginand padding spacing utilities इत्यस्य उपयोगं कुर्वन्तु । 1remबूटस्ट्रैप् 4 मध्ये अन्तराल-उपयोगितानां कृते पञ्च-स्तरीयं स्केलम् अन्तर्भवति, यत् मूल्य-पूर्वनिर्धारित - $spacerचरस्य आधारेण भवति । सर्वेषां दृश्यस्थानानां .mr-3कृते मूल्यानि चिनोतु ( margin-right: 1remउदा ..mr-md-3margin-right: 1remmd

टॉगल करेंvisibility

यदा toggling displayइत्यस्य आवश्यकता नास्ति तदा भवान् visibilityअस्माकं visibility utilities इत्यनेन सह कस्यचित् element इत्यस्य toggle कर्तुं शक्नोति । अदृश्यतत्त्वानि अद्यापि पृष्ठस्य विन्यासं प्रभावितं करिष्यन्ति, परन्तु आगन्तुकानां कृते दृग्गतरूपेण निगूढाः सन्ति ।