码迷,mamicode.com
首页 > 其他好文 > 详细

带斑马线的表格

时间:2016-06-29 22:13:44      阅读:579      评论:0      收藏:0      [点我收藏+]

标签:

  

<h1>斑马线表格</h1>
<table class="table table-striped">
   <thead>
     <tr>
       <th>表格标题</th>
       <th>表格标题</th>
       <th>表格标题</th>
     </tr>
   </thead>
   <tbody>
     <tr>
       <td>表格单元格</td>
       <td>表格单元格</td>
       <td>表格单元格</td>
     </tr>
     <tr>
       <td>表格单元格</td>
       <td>表格单元格</td>
       <td>表格单元格</td>
     </tr>
     <tr>
       <td>表格单元格</td>
       <td>表格单元格</td>
       <td>表格单元格</td>
     </tr>
     <tr>
       <td>表格单元格</td>
       <td>表格单元格</td>
       <td>表格单元格</td>
     </tr>
   </tbody>
 </table>

刚已经说了,Bootstrap为表格不同的样式风格提供了不同的类名,主要包括:

  ?  .table:基础表格

  ?  .table-striped:斑马线表格

  ?  .table-bordered:带边框的表格

  ?  .table-hover:鼠标悬停高亮的表格

  ?  .table-condensed:紧凑型表格

  ?  .table-responsive:响应式表格

带斑马线的表格

标签:

原文地址:http://www.cnblogs.com/lonecloud/p/5628236.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!