Bootstrap 中表的上下文类是什么?
Bootstrap 提供了一系列类,可用于对表格应用各种样式,例如更改标题外观、剥离行、添加或删除边框、使行可悬停等。Bootstrap 还提供了使表格响应式的类。
简单表: .table 类用于创建简单的 Bootstrap 表。此类名称与
S. No. | Name | City | Age |
---|---|---|---|
1 | Akshit | Moradabad | 20 |
2 | Nikita | Lucknow | 21 |
3 | Parul | Dehradun | 22 |
HTML
Bootstrap Tables
GeeksforGeeks
S. No.(table-primary)
Name
City
Age
1 (table-secondary)
Ajay
Patna
20
2 (table-success)
Rahul
Chandigarh
17
3 (table-info)
Nikita
Mumbai
17
4 (table-light)
Parul
Shimla
17
5 (table-dark)
Somya
Delhi
17
6 (table-active)
Eshika
Noida
22
7(table-danger)
Deeksha
Bengaluru
21
输出:
了解 Bootstrap 中表的上下文类
Bootstrap 提供了许多上下文类,可用于为整行或表格的单个单元格着色。这些类应与浅色表一起使用,而不是与深色表一起使用,以获得更好的外观。下面给出了上下文类的列表。
- 表主
- 表次
- 表成功
- 餐桌危险
- 表警告
- 表信息
- 台灯
- 暗桌
- 表活动
句法:
Content
HTML
Bootstrap Tables
GeeksforGeeks
S. No.(table-primary)
Name
City
Age
1 (table-secondary)
Ajay
Patna
20
2 (table-success)
Rahul
Chandigarh
17
3 (table-info)
Nikita
Mumbai
17
4 (table-light)
Parul
Shimla
17
5 (table-dark)
Somya
Delhi
17
6 (table-active)
Eshika
Noida
22
7(table-danger)
Deeksha
Bengaluru
21
输出: