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

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

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

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

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

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

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

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

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

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

संघनित तालिका

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

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

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

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

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

.table-responsiveवर्ग एक उत्तरदायी तालिका बनाता है । फिर तालिका छोटे उपकरणों (768px से कम) पर क्षैतिज रूप से स्क्रॉल करेगी। 768px से अधिक चौड़ी किसी भी चीज़ को देखने पर, कोई अंतर नहीं पड़ता:

<table >
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>[email protected]</td>
  <tr>
  <tr>
    <td>Mary</td>
    <td>Moe</td>
    <td>[email protected]</td>
  </tr>
  <tr>
    <td>July</td>
    <td>Dooley</td>
    <td>[email protected]</td>
  </tr>
<table>

पूर्ण बूटस्ट्रैप तालिका संदर्भ

सभी तालिका वर्गों के संपूर्ण संदर्भ के लिए, हमारे संपूर्ण बूटस्ट्रैप तालिका संदर्भ पर जाएँ ।