首页 > 代码库 > Bootstrap表格
Bootstrap表格
1.表格元素
Bootstrap提供了一套清晰地创建表格的布局。下表列出Bootstrap支持的一些表格元素:
表格类<table>
下表中的类可用于<table>中:
<tr>、<th>和<td>类
下表的类可用于表格的行或单元格:
2.表格示例
下面就使用上述的预定义类来生成一个表格:
<div class="container" style="margin-top:80px;"> <table class="table table-bordered table-condensed table-hover"> <thead> <tr class="active"> <th>姓名</th> <th>城市</th> <th>职业</th> </tr> </thead> <tbody> <tr class="success"> <td>张三</td> <td>北京</td> <td>工程师</td> </tr> <tr class="info"> <td>李四</td> <td>上海</td> <td class="success">律师</td> </tr> <tr class="warning"> <td>王五</td> <td>广州</td> <td>教授</td> </tr> <tr class="danger"> <td>赵六</td> <td>成都</td> <td>企业家</td> </tr> </tbody> </table> </div>
效果如下图:
Bootstrap表格
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。