लेआउटको लागि उपयोगिताहरू

फेर्दैdisplay

सम्पत्तीको सामान्य मानहरू प्रतिक्रियाशील रूपमा टगल गर्नका लागि हाम्रो प्रदर्शन उपयोगिताहरू प्रयोग गर्नुहोस्। displayयसलाई हाम्रो ग्रिड प्रणाली, सामग्री, वा कम्पोनेन्टहरू देखाउन वा लुकाउनको लागि विशिष्ट भ्यूपोर्टहरूमा मिलाउनुहोस्।

फ्लेक्सबक्स विकल्पहरू

बुटस्ट्र्याप फ्लेक्सबक्सको साथ बनाइएको छ, तर प्रत्येक तत्वलाई displayपरिवर्तन गरिएको छैन display: flexकिनकि यसले धेरै अनावश्यक ओभरराइडहरू थप्नेछ र अप्रत्याशित रूपमा कुञ्जी ब्राउजर व्यवहारहरू परिवर्तन गर्नेछ। हाम्रा धेरैजसो कम्पोनेन्टहरू फ्लेक्सबक्स सक्षम भएकाले बनाइएका छन्।

यदि तपाईंले display: flexकुनै तत्वमा थप्न आवश्यक छ भने, त्यसो गर्नुहोस् .d-flexवा प्रतिक्रियाशील भेरियन्टहरू (जस्तै, .d-sm-flex) सँग गर्नुहोस्। साइजिङ , पङ्क्तिबद्धता, स्पेसिङ, र थपका लागि हाम्रो अतिरिक्त फ्लेक्सबक्स उपयोगिताहरूdisplay प्रयोग गर्न अनुमति दिन तपाईंलाई यो वर्ग वा मान चाहिन्छ।

मार्जिन र प्याडिङ

Use the margin and padding spacing utilities to control how elements and components are spaced and sized. Bootstrap includes a six-level scale for spacing utilities, based on a 1rem value default $spacer variable. Choose values for all viewports (e.g., .me-3 for margin-right: 1rem in LTR), or pick responsive variants to target specific viewports (e.g., .me-md-3 for margin-right: 1rem —in LTR— starting at the md breakpoint).

Toggle visibility

When toggling display isn’t needed, you can toggle the visibility of an element with our visibility utilities. Invisible elements will still affect the layout of the page, but are visually hidden from visitors.