खोज…


परिचय

एक उत्तरदायी निश्चित चौड़ाई के कंटेनर के लिए .container का उपयोग करें।

व्यूपोर्ट की पूरी चौड़ाई को फैलाते हुए, एक पूर्ण चौड़ाई वाले कंटेनर के लिए .container-fluid का उपयोग करें।

कंटेनर

.container के बूटस्ट्रैप में प्रत्येक स्क्रीन आकार के लिए एक निश्चित चौड़ाई (xs, sm, md, lg) है;

.container-fluid उपलब्ध चौड़ाई को भरने के लिए फैलता है।

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

वेबपेज पर देखे जाने वाले व्यूपोर्ट की चौड़ाई के आधार पर, कंटेनर क्लास अपनी डिव को एक निश्चित निश्चित चौड़ाई देता है।

दूसरी ओर आपका .container-fluid एलिमेंट, लगातार आकार बदलता रहेगा क्योंकि आप अपने ब्राउज़र की चौड़ाई में सबसे छोटे बदलाव करते हैं।



Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow