条纹表格布局 名称 城市 邮编

Bootstrap 条纹表格

Bootstrap 条纹表格
条纹表格
 
通过添加 .table-striped class,您将在 <tbody> 内的行上看到条纹,如下面的实例所示:
 
实例
<table class="table table-striped">
  <caption>条纹表格布局</caption>
  <thead>
    <tr>
      <th>名称</th>
      <th>城市</th>
      <th>邮编</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Tanmay</td>
      <td>Bangalore</td>
      <td>560001</td>
    </tr>
    <tr>
      <td>Sachin</td>
      <td>Mumbai</td>
      <td>400003</td>
    </tr>
    <tr>
      <td>Uma</td>
      <td>Pune</td>
      <td>411027</td>
    </tr>
  </tbody>
</table>

推荐阅读