bootstrap table

時間  2019-11-13
標籤 bootstrap table 欄目 Bootstarp 简体版
原文   原文鏈接 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewpot" content="width=device-width,initial-scale=1.0">

    <title>learn bootstrap</title>

    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="google-code-prettify/prettify.css" rel="stylesheet">
  </head>
  <body onload="prettyPrint()">
  <script src="jquery1.11.3/jquery-1.11.3.min.js"></script>
  <script src="bootstrap/js/bootstrap.js"></script>
  <script src="google-code-prettify/prettify.js"></script>

  <div class="container">
  <hr/>
    <table class="table">
        <thead>
      <tr>
        <td>人員</td>
        <td>顏值</td>
      </tr>
        </thead>
    <tbody>
        <tr>
        <td>范冰冰</td>
        <td>15</td>
      </tr>
      <tr>
        <td>柳巖</td>
        <td>12</td>
      </tr>
      <tr>
        <td>霧島津奈美</td>
        <td>11</td>
      </tr>
    </tbody>
  <hr/>
  <table class="table table-striped">
    <thead>
      <tr>
        <td>人員</td>
        <td>顏值</td>
      </tr>
    </thead>
    <tbody>
        <tr>
        <td>范冰冰</td>
        <td>15</td>
      </tr>
      <tr>
        <td>柳巖</td>
        <td>12</td>
      </tr>
      <tr>
        <td>霧島津奈美</td>
        <td>11</td>
      </tr>
    </tbody>
    </table>
    <table class="table table-bordered">
    <thead>
      <tr>
        <td>人員</td>
        <td>顏值</td>
      </tr>
    </thead>
    <tbody>
        <tr>
        <td>范冰冰</td>
        <td>15</td>
      </tr>
      <tr>
        <td>柳巖</td>
        <td>12</td>
      </tr>
      <tr>
        <td>霧島津奈美</td>
        <td>11</td>
      </tr>
    </tbody>
  </table>
  </div>
  </body>
</html>

table

表格css

table table-striped

表格帶條紋html

table table-bordered

表格帶邊框jquery

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程