बूटस्ट्रैप 4 ट्यूटोरियल

बीएस4 होम बीएस4 आरंभ करें बीएस4 कंटेनर बीएस4 ग्रिड बेसिक बीएस4 टाइपोग्राफी बीएस4 रंग बीएस4 टेबल्स बीएस4 इमेज बीएस4 जंबोट्रॉन बीएस4 अलर्ट बीएस4 बटन BS4 बटन समूह बीएस4 बैज बीएस4 प्रोग्रेस बार्स बीएस4 स्पिनर बीएस4 पेजिनेशन BS4 सूची समूह बीएस4 कार्ड बीएस4 ड्रॉपडाउन BS4 पतन बीएस4 नवस बीएस4 नवबार बीएस4 फॉर्म बीएस4 इनपुट BS4 इनपुट समूह बीएस4 कस्टम फॉर्म बीएस4 हिंडोला बीएस4 मोडल बीएस4 टूलटिप बीएस4 पॉपओवर बीएस4 टोस्ट बीएस4 स्क्रॉलस्पाई BS4 उपयोगिताएँ बीएस4 फ्लेक्स बीएस4 प्रतीक BS4 मीडिया ऑब्जेक्ट बीएस4 फिल्टर

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

बीएस4 ग्रिड सिस्टम BS4 स्टैक्ड/क्षैतिज BS4 ग्रिड XSmall BS4 ग्रिड छोटा बीएस4 ग्रिड माध्यम BS4 ग्रिड बड़ा बीएस4 ग्रिड XLarge बीएस4 ग्रिड उदाहरण

बूटस्ट्रैप 4 अन्य

BS4 मूल टेम्पलेट बीएस4 व्यायाम बीएस4 प्रश्नोत्तरी

बूटस्ट्रैप 4 रेफरी

सभी वर्ग जेएस अलर्ट जे एस बटन जे एस हिंडोला जे एस संक्षिप्त जेएस ड्रॉपडाउन जेएस मोडल जेएस पॉपओवर जेएस स्क्रॉलस्पी जेएस टैब जेएस टोस्ट जेएस टूलटिप


बूटस्ट्रैप 4 जंबोट्रॉन


बूटस्ट्रैप 4 जंबोट्रॉन

एक जंबोट्रॉन कुछ विशेष सामग्री या जानकारी पर अतिरिक्त ध्यान देने के लिए एक बड़े ग्रे बॉक्स को इंगित करता है।

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

बूटस्ट्रैप ट्यूटोरियल

वेब पर रिस्पॉन्सिव, मोबाइल-फर्स्ट प्रोजेक्ट्स विकसित करने के लिए बूटस्ट्रैप सबसे लोकप्रिय HTML, CSS और JS फ्रेमवर्क है।

जंबोट्रॉन बनाने के लिए कक्षा के साथ एक <div>तत्व का प्रयोग करें:.jumbotron

उदाहरण

<div class="jumbotron">
  <h1>Bootstrap Tutorial</h1>
  <p>Bootstrap is the most popular HTML, CSS...</p>
</div>

पूर्ण-चौड़ाई वाला जंबोट्रॉन

यदि आप गोलाकार सीमाओं के बिना पूर्ण-चौड़ाई वाला जंबोट्रॉन चाहते हैं, तो .jumbotron-fluidकक्षा और a .containerया उसके .container-fluidअंदर जोड़ें:

उदाहरण

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Bootstrap Tutorial</h1>
    <p>Bootstrap is the most popular HTML, CSS...</p>
  </div>
</div>