बूटस्ट्रैप

Question

में एक खाली col-md- * कैसे है I बूटस्ट्रैप में दो असमान कॉलम करने का प्रयास कर रहा हूं। मैं प्रत्येक तरफ एक कॉलम रखना चाहता हूं (इसलिए यदि 1 से 12 के कॉलम हैं, 1 और 12 खाली होंगे), और col-md-2 ~ 5 एक कॉलम है, और 6 ~ 11 एक और कॉलम है।

मुझे वास्तव में इसके लिए कोई ऑफ़सेट नहीं मिल रहा है (ऑफसेट के अलावा) - क्या कोई मेरी मदद कर सकता है?

Answer 1

आप लेकिन अपने आवश्यकता के अनुसार ऑफसेट उपयोग करने के लिए, का उपयोग

<div class="container"> 
    <div class="row" style="background:red"> 
    <div class="col-md-1" style="background:yellow">&nbsp;</div> 
    <div class="col-md-4" style="background:green">B</div> 
    <div class="col-md-6" style="background:red">C</div> 
    <div class="col-md-1" style="background:yellow">&nbsp;</div> 
    </div> 
</div> 

नहीं करना चाहते हैं, मुझे लगता है कि आप ऑफसेट का उपयोग करना चाहिए

Answer 2

offsets का उपयोग करें। आपको केवल पहले ऑफसेट को परिभाषित करने की आवश्यकता है क्योंकि दूसरे कोल पहले के बगल में तैर जाएगा।

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="container"> 
 
    <div class="row"> 
 
    <div style="background:#f99" class="col-xs-4 col-xs-offset-1">Cols 2-5</div> 
 
    <div style="background:#9f9" class="col-xs-6">Cols 6-11</div> 
 
    </div> 
 
</div>

_{नोट: मैं xs स्तंभ आकार का उपयोग कर रहा है, तो यह टुकड़ा फ्रेम में काम करता है।}