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

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

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

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

बूटस्ट्रैप थीम्स

बीएस टेम्पलेट्स बीएस थीम "सिम्पली मी" बीएस थीम "कंपनी" बीएस थीम "बैंड"

बूटस्ट्रैप उदाहरण

बीएस उदाहरण बी एस प्रश्नोत्तरी बीएस व्यायाम बी एस प्रमाणपत्र

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

सीएसएस सभी वर्ग सीएसएस टाइपोग्राफी सीएसएस बटन सीएसएस फॉर्म सीएसएस हेल्पर्स सीएसएस छवियां सीएसएस टेबल्स सीएसएस ड्रॉपडाउन सीएसएस नवस ग्लिफ़िकन्स

बूटस्ट्रैप जे एस रेफरी

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


बूटस्ट्रैप पेजर


पेजर क्या है?

पेजर भी पेजिनेशन का एक रूप है (जैसा कि पिछले अध्याय में वर्णित है)।

पेजर पिछले और अगले बटन (लिंक) प्रदान करता है।

पिछले/अगले बटन बनाने के लिए, .pagerकक्षा को एक <ul>तत्व में जोड़ें:

उदाहरण

<ul class="pager">
  <li><a href="#">Previous</a></li>
  <li><a href="#">Next</a></li>
</ul>

परिणाम:


बटन संरेखित करें

प्रत्येक बटन को पृष्ठ के किनारों पर संरेखित करने के लिए .previousऔर कक्षाओं का उपयोग करें :.next

उदाहरण

<ul class="pager">
  <li class="previous"><a href="#">Previous</a></li>
  <li class="next"><a href="#">Next</a></li>
</ul>

परिणाम:


पूर्ण बूटस्ट्रैप नेविगेशन संदर्भ

सभी नेविगेशन कक्षाओं के संपूर्ण संदर्भ के लिए, हमारे संपूर्ण बूटस्ट्रैप नेविगेशन संदर्भ पर जाएं ।