Bootstrap学习笔记系列2——-Bootstrap简易表格处理

标签

  • <table> 为表格添加基础样式
  • <thead> 表格标题行的器皿元素,用来认识别列
  • <tbody> 表格主提中之表格行的容器元素
  • <tr> 单行的器皿元素,用来存放在
  • <th> 在遭运用,用来存放在列名单元格
  • <td> 表数据单元格
  • <caption> 关于表格存储内容的叙述还是总结

    运为表格样式的接近(全部都是在中添加)

  • .table 为表格添加基本的体裁(只有横向的分隔线)

  • .table-striped 形成斑马纹
  • .table-bordered 为所有的唯有元格添加边框
  • .table-hover<tbody>外鼠标悬停会与该行不同的水彩
  • .table-condensed 让表格变得又困难凑

<tr>,<th><td>类样式

  • .active 将代表已的水彩用当靶的尽或单元格上
  • .success 表示成功之操作(绿色)
  • .info 表示信息生成之操作(蓝色)
  • .warning 表示一个警告的操作(黄色)
  • .danger意味着一个惊险的操作(红色)

响应式表格

经过将自由的.table包括在.table-responsive内,就好透过水平滚动条来配合小型的设施(小于768px),在其他种类的设备及看则非会见生分别。

<div class= "table-responsive ">
      <table class="table">
            ...
      </table>
</div>

相关文章