您的位置首页百科知识

JS组件Bootstrap Table布局详解

JS组件Bootstrap Table布局详解

的有关信息介绍如下:

JS组件Bootstrap Table布局详解

Bootstrap

提供了一个清晰的创建表格的布局。下表列出了

Bootstrap

支持的一些表格元素:

表格类

下表样式可用于表格中:

,

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

基本的表格

如果您想要一个只带有内边距(padding)和水平分割的基本表,请添加

class

.table,如下面实例所示:

class="row">

class="table">

class="text-center">基本表格布局

编号

城市

No.1

北京

No.2

上海

显示效果:

可选的表格类

除了基本的表格标记和

.table

class,还有一些可以用来为标记定义样式的类。下面将向您介绍这些类。

条纹表格

通过添加

.table-striped

class,您将在

内的行上看到条纹,如下面的实例所示:

class="row">

class="table

table-striped">

class="text-center">条纹表格布局

编号

城市

No.1

北京

No.2

上海

No.3

苏州

No.4

南京