zoukankan      html  css  js  c++  java
  • BootStrap表格

    BootStrap代码显示方式

    第一种是<code>标签,内联显示代码

    第二种是<pre>标签,代码需要被显示为一个独立的块元素或者代码有多行。

    开始标签&lt;,结束标签&gt;

    <pre>多行代码、<pre class="pre-scrollable">多行代码带有滚动条

    BootStrap表格

    标签 描述
    <table> 为表格添加基础样式
    <thead> 表格标题行的容器元素<tr>
    <tbody> 表格主体中的表格行的容器元素
    <tr> 单行上的表格单元格的容器元素
    <td> 默认的表格单元格
    <th> 特殊的表格单元格
    <caption> 表格存储内容的描述或总结

    表格类:

    描述
    .table 为任意表格添加基本样式
    .table-striped 在<tbody>内添加斑马线形式的条纹
    .table-bordered 为所有表格的单元格添加边框
    .table-hover 在<tbody>内的任一行启用鼠标悬停状态
    .table-condensed 让表格更加紧凑

    <tr>,<th>和<td>类

    描述
    .active 将悬停的颜色应用在行或单元格上
    .success 成功的操作
    .info 信息变化的操作
    .warning 警告的操作
    .danger 危险的操作

    基本的表格样式:class.table、条纹表格:.table-striped class、边框表格:.table-bordered class、悬停表格:.table-hover.class、精简表格:.table-condesed class

    响应式表格:.table-responsive class

  • 相关阅读:
    第三章感想
    第二章感想
    第一章感想
    第9章 硬件抽象层:HAL
    第10章 嵌入式linux的调试技术
    第8章 蜂鸣器驱动
    第七章 I/O
    第六章 编写Linux驱动程序
    第五章 S3C6410
    源代码的下载和编译
  • 原文地址:https://www.cnblogs.com/cye9971-/p/10605711.html
Copyright © 2011-2022 走看看