बूटस्ट्रैप: पंक्ति के भीतर एकाधिक घोंसला वाली पंक्तियां?

Question

मुझे पता है कि आप नेस्टेड कॉलम के भीतर पंक्तियों को घोंसला कर सकते हैं, लेकिन क्या यह पंक्तियों के भीतर सीधे घोंसला पंक्तियों के लिए 'नियमों के खिलाफ' है?

जैसे:

<div class="row"> 

    <div class="row"> 
    cols in here 
    </div> 

    <div class="row"> 
    cols in here 
    </div> 

    <div class="row"> 
    cols in here 
    </div> 

</div> 

या ये हमेशा कॉलम के भीतर होना चाहिए?

Answer 1

क्या यह पंक्तियों के भीतर सीधे घोंसले पंक्तियों के लिए 'नियमों के खिलाफ' है?

नहीं नियम जैसे, लेकिन नहीं दिशा निर्देशों के अनुसार एक सबसे अच्छा अभ्यास के खिलाफ

।

bootstrap guidelines, third point under introduction प्रति -

..और केवल कॉलम पंक्तियों की तत्काल बच्चों हो सकता है "

* _{संपादित करें:।। This is still true with Bootstrap 4.0 Beta डॉक्स के लिए लिंक ऊपर स्वचालित रूप से संस्करण पर रीडायरेक्ट करेगा 3.3 दस्तावेज। इस बिंदु को इंगित करने के लिए धन्यवाद।}

यह उस पैडिंग के कारण है जो बूटस्ट्रैप इसके लिए उपयोग करता है लेआउट, row-column-row पैटर्न के माध्यम से घोंसला करने के लिए यह एक अच्छा अभ्यास है यानी एक कॉलम के साथ घोंसला में एक पंक्ति है।

नीचे स्निपेट में अंतर देखें। मार्कअप का पहला सेट बूटस्ट्रैप लेआउट को तोड़ता है, हालांकि कुछ भी बुरा नहीं होता है।

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="row"> 
 
     <div class="col-xs-6">One</div> 
 
     <div class="col-xs-6">Two</div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<hr> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-12"> 
 
     <div class="row"> 
 
     <div class="col-xs-6">One</div> 
 
     <div class="col-xs-6">Two</div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<hr> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-12">One</div> 
 
    <div class="col-xs-12">Two</div> 
 
    <div class="col-xs-12">Three</div> 
 
    </div> 
 
</div>