Table表格实例教程Bootstrap 提供了⼀个清晰的创建表格的布局。下表列出了 Bootstrap ⽀持的⼀些表格元素:
<body>
<div class="table-responsive">
<table class="table table-bordered table-hover " >
<!--table-striped 类可以给 <tbody> 之内的每⼀⾏增加斑马条纹样式。
table-condensed 类可以让表格更加紧凑,单元格中的内补(padding)均会减半。
table-bordered 类为表格和其中的每个单元格增加边框。
table-hover 类可以让 <tbody> 中的每⼀⾏对⿏标悬停状态作出响应。
table 类可以为其赋予基本的样式 — 少量的内补(padding)和⽔平⽅向的分隔线。
-->
<tr class="active">
tabletable<td>1</td>
<td>2</td>
</tr>
<tr class="danger">
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
Common attributes

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。