बूटस्ट्रैप ग्रिड स्पेसिंग को फाइन-ट्यूनिंग

अपने बूटस्ट्रैप ग्रिड लेआउट में, आप कॉलम के बीच स्पेसिंग को लेकर एक चुनौती का सामना कर रहे हैं। जबकि पुल-लेफ्ट और पुल-राइट के साथ col-md-5 का उपयोग करने के समाधान के परिणामस्वरूप बहुत अधिक जगह हो सकती है, एक अधिक सूक्ष्म दृष्टिकोण उपलब्ध है।

समाधान: कॉलम के भीतर एक डिव नेस्ट करें

प्रत्येक col-md-6 कॉलम के भीतर एक डिव नेस्ट करें और नेस्टेड डिव पर वांछित मार्जिन और पैडिंग लागू करें। यह दृष्टिकोण प्रत्येक कॉलम के भीतर अतिरिक्त रिक्ति की अनुमति देते हुए कॉलम की संरचनात्मक अखंडता को बनाए रखता है।

Code:

    

        
Widget 1
    
    

        
Widget 2
    

CSS:

.classWithPad {
    margin: 10px;
    padding: 10px;
}

इस समाधान के साथ, आप ग्रिड लेआउट की संरचनात्मक स्थिरता से समझौता किए बिना आसानी से अपने कॉलम में वांछित रिक्ति जोड़ सकते हैं।