बूटस्ट्रैप 4 टेबल्स

बूटस्ट्रैप 4 मूल तालिका

एक मूल बूटस्ट्रैप 4 टेबल में एक हल्का पैडिंग और क्षैतिज डिवाइडर होता है।

वर्ग तालिका में .tableमूल स्टाइल जोड़ता है:

धारीदार पंक्तियाँ

वर्ग ज़ेबरा-धारियों को एक तालिका में .table-stripedजोड़ता है:

बॉर्डर वाली टेबल

वर्ग तालिका और कोशिकाओं के .table-borderedसभी किनारों पर सीमाएँ जोड़ता है:

होवर पंक्तियां

वर्ग तालिका पंक्तियों पर .table-hoverएक हॉवर प्रभाव (ग्रे पृष्ठभूमि रंग) जोड़ता है:

ब्लैक/डार्क टेबल

वर्ग तालिका में .table-darkएक काली पृष्ठभूमि जोड़ता है:

डार्क स्ट्राइप्ड टेबल

एक डार्क, स्ट्राइप्ड टेबल को मिलाएं .table-darkऔर बनाएं:.table-striped

होवरेबल डार्क टेबल

वर्ग तालिका पंक्तियों पर .table-hoverएक हॉवर प्रभाव (ग्रे पृष्ठभूमि रंग) जोड़ता है:

सीमा रहित तालिका

.table-borderlessवर्ग तालिका से सीमाएँ हटाता है :

प्रासंगिक कक्षाएं

<table>प्रासंगिक वर्गों का उपयोग संपूर्ण तालिका ( ), तालिका पंक्तियों ( <tr>) या तालिका कक्षों ( ) को रंगने के लिए किया जा सकता है <td>।

प्रासंगिक वर्ग जिनका उपयोग किया जा सकता है वे हैं:

टेबल हेड कलर्स

वर्ग तालिका शीर्षलेखों में .thead-darkएक काली पृष्ठभूमि जोड़ता है, और .thead-lightवर्ग तालिका शीर्षलेखों में एक धूसर पृष्ठभूमि जोड़ता है:

छोटा मेज

सेल पैडिंग को आधे में .table-smकाटकर वर्ग तालिका को छोटा बनाता है:

उत्तरदायी टेबल्स

आवश्यकता होने पर .table-responsiveवर्ग तालिका में स्क्रॉलबार जोड़ता है (जब यह क्षैतिज रूप से बहुत बड़ा होता है):

स्क्रीन की चौड़ाई के आधार पर आप यह भी तय कर सकते हैं कि टेबल को स्क्रॉलबार कब मिलना चाहिए: