Bootstrap学习笔记类别2——-Bootstrap总结表格处理

标签

  • <table>Bootstrap, 为表格添加基础样式
  • <thead> 表格标题行的器皿成分,用来识别列
  • <tbody> 表格主提中的表格行的器皿元素
  • <tr> 单行的器皿元素,用来存放在
  • <th> 在中利用,用来存放在列名单元格
  • <td> 表数据单元格
  • <caption> 关于表格存款和储蓄内容的讲述依旧总计

    使用于表格样式的类(全体都是在中添加)

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

  • .table-striped 形成斑马纹
  • .table-bordered 为全数的单元格添加边框
  • .table-hover<tbody>内鼠标悬停会赋予该行差别的颜料
  • .table-condensed 让表格变得更紧密

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

  • .active 将意味悬停的颜色用在目的的行照旧单元格上
  • .success 表示成功的操作(茶绿)
  • .info 表示新闻生成的操作(紫罗兰色)
  • .warning 表示一个警告的操作(银色)
  • .danger代表1个危在旦夕的操作(深桔黄)

响应式表格

透过把自由的.table包含在.table-responsive内,就足以由此水平滚动条来同盟小型的设备(小于768px),在其余类其余装置上看则不会有分别。

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

相关文章