एक 12 कॉलम ग्रिड के लिए
, आप प्रत्येक स्तंभ चौड़ाई के लिए एक कॉलम (4,16667%) के आधे से जोड़ना चाहते हैं। आपने ऐसा किया है।
उदाहरण के लिए
, कॉल-md- एक्स, .col-md- एक्स 5 निम्न मानों के साथ परिभाषित के लिए।
.col-md-1-5 { width: 12,5%; } // = 8,3333 + 4,16667
.col-md-2-5 { width: 20,83333%; } // = 16,6666 + 4,16667
.col-md-3-5 { width: 29,16667%; } // = 25 + 4,16667
.col-md-4-5 { width: 37,5%; } // = 33,3333 + 4,16667
.col-md-5-5 { width: 45,83333%; } // = 41,6667 + 4,16667
.col-md-6-5 { width: 54,16667%; } // = 50 + 4,16667
.col-md-7-5 { width: 62,5%; } // = 58,3333 + 4,16667
.col-md-8-5 { width: 70,83333%; } // = 66,6666 + 4,16667
.col-md-9-5 { width: 79,16667%; } // = 75 + 4,16667
.col-md-10-5 { width: 87,5%; } // = 83,3333 + 4,16667
.col-md-11-5 { width: 95,8333%; } // = 91,6666 + 4,16667
मैंने कुछ मूल्यों को गोल किया।
दूसरा, मूल कॉल-एमडी -एक्स से सीएसएस कोड की प्रतिलिपि से बचने के लिए, कक्षा घोषणा में उनका उपयोग करें। सावधान रहें कि आपके संशोधित लोगों से पहले उन्हें जोड़ा जाना चाहिए। इस तरह, केवल चौड़ाई ओवरराइड हो जाती है।
<div class="col-md-2 col-md-2-5">...</div>
<div class="col-md-5">...</div>
<div class="col-md-4 col-md-4-5">...</div>
अंत में, यह न भूलें कि कुल 12 कॉलम से अधिक नहीं होना चाहिए, जो कुल 100% है।
मुझे आशा है कि इससे मदद मिलती है!
अधिक लचीलेपन के लिए एक 16- या 24 कॉलम लेआउट को बदल रहा है।कॉम/प्रश्न/11591185/कैसे-उपयोग-बूट-बूटस्ट्रैप-साथ-16-या-24-कॉलम – isherwood
आपकी साइट उत्तरदायी है? अपनी सामग्री को अधिक आसानी से प्रवाह करने के लिए कॉन्फ़िगर करना सबसे अच्छा है। आज के वेब में कुछ साइडबार हमेशा एक ही चौड़ाई हैं। – isherwood