twitter-bootstrap
ग्रिड घोंसला बनाना

Angular 2 AngularJS ASP.NET asp.net-mvc CSS HTML JavaScript jQuery PHP Ruby on Rails

परिचय

बूटस्ट्रैप में अन्य स्तंभों के अंदर ग्रिड कॉलम का उपयोग करना संभव है। यह उन्नत उत्तरदायी लेआउट बनाते समय मददगार होता है जो कई ग्रिड स्तरों का उपयोग करता है ।

टिप्पणियों

हमारे पास उपर्युक्त तरीके से यथासंभव अधिक से अधिक कॉलम हो सकते हैं।

घोंसले के स्तंभ

<div class="row">
  <div class="col-sm-9">
    Level 1: .col-sm-9
    <div class="row">
      <div class="col-xs-8 col-sm-6">
        Level 2: .col-xs-8 .col-sm-6
      </div>
      <div class="col-xs-4 col-sm-6">
        Level 2: .col-xs-4 .col-sm-6
      </div>
    </div>
  </div>
</div>

इसका उदाहरण [ http://getbootstrap.com/css/#grid-nestingades1] से लिया गया है।

जैसा कि आधिकारिक वेबसाइट के प्रलेखन से पता चलता है

डिफ़ॉल्ट ग्रिड के साथ अपनी सामग्री को घोंसले में लाने के लिए, .col-sm- * कॉलम के एक मौजूदा .col-sm- * कॉलम में एक नया .row और सेट जोड़ें। नेस्टेड पंक्तियों में स्तंभों का एक सेट शामिल होना चाहिए जो 12 या उससे कम जोड़ते हैं (यह आवश्यक नहीं है कि आप सभी 12 उपलब्ध स्तंभों का उपयोग करें)।

Modified text is an extract of the original Stack Overflow Documentation

के तहत लाइसेंस प्राप्त है CC BY-SA 3.0

से संबद्ध नहीं है Stack Overflow