Bootstrap responsive HTML table | HTML in Hindi

HTML एक document language हैं जिसके द्वारा कोई भी वेब पेज को आसानी से बनाया जा सकता हैं ।

आज के समय में सभी वेबसाइट responsive होती हैं । Responsive वेबसाइट बनाने के लिए पहले से बने HTML फ्रेमवर्क को यूज कर सकते हैं । इस फ्रेमवर्क का नाम हैं Bootstrap ।
इस tutorial में bootstrap का उपयोग करके एक responsive HTML टेबल को बनाएंगे ।

Bootstrap HTML का एक ओपन-सोर्स फ्रेमवर्क है। Bootstrap में, आपको CSS और JS के लिए कोड की आवश्यकता नहीं है। JS और CSS फाइलें bootstrap फ्रेमवर्क में मिल जाती हैं । Bootstrap की मदद से आप किसी भी तरह की वेबसाइट डिजाइन कर सकते हैं। यह एक ओपन-सोर्स है जिसका मतलब है कि आपको केवल इसका उपयोग करने की आवश्यकता है। यह समय बचाता है।

Bootstrap के उपयोग करके कैसे एक responsive HTML टेबल बनाये -

Bootstrap में अनेक प्रकार की क्लास(Class) को पहले से ही बनाया गया हैं ।
जिसके द्वारा वेब पेज पर एक responsive टेबल बनाने के लिए एक टेबल क्लास उपलब्ध है।
साधारण Hindi भाषा में समझे तो bootstrap में बहुत सरे मॉडल के लिए पहले से ही CSS क्लास(class) बनायीं गयी हैं । ऐसी ही bootstrap में टेबल को responsive बनाने के लिए भी टेबल क्लास बनाई गयी हैं ।

HTML के द्वारा एक टेबल बना कर bootstrap से CSS क्लास table को डिफाइन करना होता हैं ।
जिस से HTML की टेबल responsive हो जाती हैं ।

चलिए bootstrap का उपयोग करके एक HTML टेबल को responsive बनाते हैं ।

ऊपर दिए गयी टेबल में सबसे पहले हमने एक HTML टेबल बनायीं उसके बाद क्लास "table " को define किया गया हैं ।
Bootstrap में प्रत्येक module के लिए अलग अलग class नाम होते हैं बस आपको पता होना चाइये की कोन सी क्लास किस module के लिए यूज की जाती हैं ।

Bootstrap Table

<!DOCTYPE html>
<headgt;

</head>
<body>

  
    
      Id
      Employee
      Department
      Salary
    
  
  
    
      105
      Shiva 
      IT
      12000
    
    
      106
      Akash
      Non-IT
      10000
    
    
      107
      Shubham
      IT
      15000
    
  






</body>
</html>