Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

Bootstrap कॉन्टेक्स्चुअल क्लासेस


Bootstrap कॉन्टेक्स्चुअल क्लास आपको टेबल की पंक्तियों या व्यक्तिगत सेल्स का बैकग्राउंड रंग बदलने की अनुमति देती है।

निम्नलिखित क्लासेस हैं:

क्लास विवरण
.active किसी विशेष पंक्ति या सेल पर होवर रंग लागू करता है।
.success एक सफल या सकारात्मक कार्रवाई इंगित करता है।
.warning एक चेतावनी इंगित करता है जिस पर ध्यान देने की आवश्यकता हो सकती है।
.danger एक खतरनाक या संभावित नकारात्मक कार्रवाई इंगित करता है।

उदाहरण

निम्न .active क्लास का एक उदाहरण है:

उदाहरण

<!DOCTYPE html> <html>    <head>       <title>Bootstrap Table</title>       <link href = "/bootstrap/css/bootstrap.min.css" rel="stylesheet">       <script src = "/scripts/jquery.min.js"></script>       <script src = "/bootstrap/js/bootstrap.min.js"></script>    </head>    <body>       <table class = "table">          <thead>             <tr>                <th>Subject</th>                <th>Marks</th>                <th>Student</th>             </tr>          </thead>          <tbody>             <tr class = "active">                <td>Maths</td>                <td>90</td>                <td>Amit</td>             </tr>             <tr>                <td>Science</td>                <td>80</td>                <td>Aman</td>             </tr>             <tr>                <td>English</td>                <td>85</td>                <td>Rahul</td>             </tr>          </tbody>       </table>    </body> </html>

  1. HTML <center> टैग: टेक्स्ट सेंटर अलाइन (अप्रचलित) HTML <center> टैग: टेक्स्ट सेंटर अलाइन (अप्रचलित)

    HTML <center> टैग <center> टैग अपने अंदर के कंटेंट को क्षैतिज रूप से केंद्र (center-align) करता था। ⚠️ अप्रचलित: <center> टैग HTML5 में समर्थित नहीं है। CSS text-align: center या Flexbox/Grid का उपयोग करें। पुराना उदाहरण (केवल संदर्भ) <!DOCTYPE html> <html> <he

  1. HTML <th> colspan एट्रिब्यूट: हेडर सेल कॉलम फैलाव HTML <th> colspan एट्रिब्यूट: हेडर सेल कॉलम फैलाव

    <th> colspan एट्रिब्यूट colspan एट्रिब्यूट <th> (हेडर सेल) एलिमेंट पर एक हेडर सेल को कई कॉलम्स में फैलाने (span) की अनुमति देता है। यह संबंधित कॉलम्स को एक सामान्य हेडर के तहत समूहित करने के लिए उपयोगी है। सिंटैक्स <th colspan=number> पैरामीटर number: फैलाने के लिए कॉलम्स की स

  1. HTML <colgroup> टैग HTML <colgroup> टैग

    <colgroup> टैग एक टेबल में एक या एक से अधिक कॉलम का ग्रुप है। यह सभी कॉलम्स के लिए स्टाइल सेट करता है। <colgroup> टैग का निम्न एट्रिब्यूट है: span - एक कॉलम ग्रुप को कितने कॉलम तक फैलना चाहिए, यह span एट्रिब्यूट के साथ सेट किया जाता है उदाहरण आइए अब <colgroup> टैग को लागू करने का