bootstrap使用table-responsive类使表响应

要使表通过Bootstrap响应,您可以尝试运行以下代码。

示例

<!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>

      <div class = "table-responsive">

         <table class = "table">

            <thead>

               <tr>

                  <th>Subject</th>

                  <th>Marks</th>

                  <th>Student</th>

               </tr>

            </thead>

            <tbody>

               <tr class = "success">

                  <td>Programming</td>

                  <td>90</td>

                  <td>Amit</td>

               </tr>

               <tr class = "active">

                  <td>Web Dev</td>

                  <td>92</td>

                  <td>Yuvraj</td>

               </tr>

               <tr class = "warning">

                  <td>Science</td>

                  <td>95</td>

                  <td>Sachin</td>

               </tr>

               <tr class = "danger">

                  <td>Economics</td>

                  <td>80</td>

                  <td>Tony</td>

               </tr>

            </tbody>

         </table>

      </div>

   </body>

</html>

以上是 bootstrap使用table-responsive类使表响应 的全部内容, 来源链接: utcz.com/z/327223.html

回到顶部