बूटस्ट्रैप पेजिनेशन

बेसिक पेजिनेशन

यदि आपके पास बहुत से पृष्ठों वाली एक वेब साइट है, तो आप प्रत्येक पृष्ठ पर किसी प्रकार का पृष्ठांकन जोड़ना चाह सकते हैं।

बूटस्ट्रैप में एक मूल अंकन इस तरह दिखता है:

• 1
• 2
• 3
• 4
• 5

एक बेसिक पेजिनेशन बनाने के लिए, .paginationक्लास को एक <ul>एलिमेंट में जोड़ें:

सक्रिय अवस्था

सक्रिय स्थिति से पता चलता है कि वर्तमान पृष्ठ क्या है:

• 1
• 2
• 3
• 4
• 5

.activeउपयोगकर्ता को यह बताने के लिए कक्षा जोड़ें कि वह किस पृष्ठ पर है:

विकलांग राज्य

एक अक्षम लिंक पर क्लिक नहीं किया जा सकता है:

• 1
• 2
• 3
• 4
• 5

.disabledयदि किसी कारण से लिंक अक्षम है तो कक्षा जोड़ें :

पेजिनेशन साइज़िंग

पेजिनेशन ब्लॉक को बड़े आकार या छोटे आकार में भी आकार दिया जा सकता है:

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

.pagination-lgबड़े ब्लॉक या छोटे ब्लॉक के लिए वर्ग जोड़ें .pagination-sm:

ब्रेडक्रम्ब्स

अंकन के लिए एक अन्य रूप, ब्रेडक्रंब है:

1. घर
2. निजी
3. चित्रों
4. छुट्टी

.breadcrumbवर्ग एक नेविगेशनल पदानुक्रम के भीतर वर्तमान पृष्ठ के स्थान को इंगित करता है :

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

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

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