bootstrap学习笔记bootstrap组件_html/css_WEB-ITnose

Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：

标签 描述 为表格添加基础样式。 表格标题行的容器元素（ ），用来标识表格列。 表格主体中的表格行的容器元素（ ）。 一组出现在单行上的表格单元格的容器元素（ 或 ）。 默认的表格单元格。 特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在 内使用。 关于表格存储内容的描述或总结。

表格类

下表样式可用于表格中：

类 描述 .table 为任意 添加基本样式 (只有横向分隔线) .table-striped 在 内添加斑马线形式的条纹 ( IE8 不支持) .table-bordered 为所有表格的单元格添加边框 .table-hover 在 内的任一行启用鼠标悬停状态 .table-condensed 让表格更加紧凑

, 和 类

下表的类可用于表格的行或者单元格：

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

基本的表格

如果您想要一个只带有内边距（padding）和水平分割的基本表，请添加 class .table ，如下面实例所示：

                              基本表格布局                                                                编号                          城市                                                                                                      No.1                          北京                                                                    No.2                          上海

      
查看更多关于bootstrap学习笔记bootstrap组件_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did113952