Bootstrap 的简单表格实例
<!DOCTYPE html> <html lang="en"> <head> <Meta charset="utf-8"> <title>Example of Table with twitter bootstrap</title> <Meta name="description" content="Creating a table with Twitter Bootstrap. Learn how to use Twitter Bootstrap toolkit to create Tables with examples."> <link href="/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet"> </head> <body> <table class="table"> <thead> <tr> <th>Student-ID</th> <th>First Name</th> <th>Last Name</th> <th>Grade</th> </tr> </thead> <tbody> <tr> <td>001</td> <td>Rammohan </td> <td>Reddy</td> <td>A+</td> </tr> <tr> <td>002</td> <td>Smita</td> <td>Pallod</td> <td>A</td> </tr> <tr> <td>003</td> <td>rabindranath</td> <td>Sen</td> <td>A+</td> </tr> </tbody> </table> </body> </html>
效果如图：
Bootstrap 的斑马表格实例
和简单实例不同的是table的class名改为 <table class="table table-striped">即可
效果如图：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
