Bootstrap e-Book In Hindi

Table Responsive Class In Boootstrap In Hindi :

इस class का use टेबल को responsive बनाने के लिए किया जाता है इसका उदाहरण निम्नलिखित है

 

Run

<html>
<head>
               <meta http-equiv="X-UA-Compatible" content="IE-edge" />
               <meta name="viewport" content="width=device-width" />
               <title>Table Example</title>
               <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
               <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
               <link rel="stylesheet" href="css/style.css" />
</head>
<body>
<table class="table-responsive">
                <tr>
                                <td>Roll No</td>
                                <td>Name</td>
                                <td>Branch</td>
                </tr>
                <tr>
                                <td>15030C04012</td>
                                <td>Deependra Baghel</td>
                                <td>Computer Science</td>
                </tr>
                <tr>
                                <td>15030C04017</td>
                                <td>Hemant Sharma</td>
                                <td>Computer Science</td>
                </tr>
                <tr>
                                <td>15030C04052</td>
                                <td>Shushmita Khatri</td>
                                <td>Computer Science</td>
                </tr>
</table>
</body>
</html>

 

 

Prv Next


.