twitter-bootstrap-3
ग्रिड प्रणाली

बूटस्ट्रैप ग्रिड सिस्टम

बूटस्ट्रैप पंक्तियों और स्तंभों वाले ग्रिड सिस्टम का उपयोग करता है

ग्रिड सिस्टम में, आप एक पंक्ति वर्ग का उपयोग कर रहे हैं एक क्षैतिज बॉक्स बनाने के लिए जिसमें 12 कॉलम आकार के कुल 12 यूनिट अलग-अलग स्क्रीन आकार के लिए लंबवत हों। यदि आप व्यक्तिगत रूप से सभी 12 स्तंभों का उपयोग नहीं करना चाहते हैं, तो आप व्यापक स्तंभ बनाने के लिए स्तंभों को एक साथ समूहित कर सकते हैं।

उदाहरण: यदि आप 3 कॉलमों की एक पंक्ति बनाना चाहते हैं - आपके पास वर्ग = "पंक्ति" (यानी एक क्षैतिज बॉक्स) और 3 कॉलमों (वर्ग = col.xs.xx) के साथ प्रत्येक का आकार 3, आकार 2, आकार 2 है। 7 = (3 + 2 + 7 = 12) xs = आकार की अतिरिक्त छोटी स्क्रीन के लिए

शीर्षक

लोरेम इप्सम

ग्रिड कक्षाएं

बूटस्ट्रैप ग्रिड सिस्टम में इस तरह के उत्तरदायी डिजाइन के लिए चार वर्ग हैं:

xs (for phones)
sm (for tablets)
md (for desktops)
lg (for larger desktops)

कैसे इस्तेमाल करे?

मूल उदाहरण के लिए 4 कॉलम

<div class="row">
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
</div>

उदाहरण 4 कॉलम