作者：392399224_619416 | 来源：互联网 | 2022-04-14 17:52
Bootstrap4通过.table类来设置基础表格的样式。条纹表格：添加.table-striped类。带边框表格：添加.table-bordered类。鼠标悬停状态表格：添加.table-hover类，等等。
Bootstrap4 基础表格
Bootstrap4 通过 .table 类来设置基础表格的样式，实例如下:
实例
| Firstname |
Lastname |
Email |
| John |
Doe |
john@example.com |
| Mary |
Moe |
mary@example.com |
| July |
Dooley |
july@example.com |
条纹表格
通过添加 .table-striped 类，您将在
内的行上看到条纹，如下面的实例所示：实例
| Firstname |
Lastname |
Email |
| John |
Doe |
john@example.com |
| Mary |
Moe |
mary@example.com |
| July |
Dooley |
july@example.com |
带边框表格
.table-bordered 类可以为表格添加边框
实例
| Firstname |
Lastname |
Email |
| John |
Doe |
john@example.com |
| Mary |
Moe |
mary@example.com |
| July |
Dooley |
july@example.com |
鼠标悬停状态表格
.table-hover 类可以为表格的每一行添加鼠标悬停效果（灰色背景）：
实例
| Firstname |
Lastname |
Email |
| John |
Doe |
john@example.com |
| Mary |
Moe |
mary@example.com |
| July |
Dooley |
july@example.com |
黑色背景表格
.table-dark 类可以为表格添加黑色背景：
实例
| Firstname |
Lastname |
Email |
| John |
Doe |
john@example.com |
| Mary |
Moe |
mary@example.com |
| July |
Dooley |
july@example.com |
推荐阅读
-
本文介绍了在Centos7上搭建ELK（Elasticsearch、Logstash、Kibana）的详细步骤，包括下载安装包、安装Elasticsearch、创建用户、修改配置文件等。同时提供了使用华为镜像站下载安装包的方法，并强调了保证版本一致的重要性。 ...
[详细]
蜡笔小新 2023-12-10 16:27:21
-
本文主要分析了Netty源代码中服务器端启动的过程，包括ServerBootstrap的初始化和相关参数的设置。通过分析NioEventLoopGroup、NioServerSocketChannel、ChannelOption.SO_BACKLOG等关键组件和选项的作用，深入理解Netty服务器端的启动过程。同时，还介绍了LoggingHandler的作用和使用方法，帮助读者更好地理解Netty源代码。 ...
[详细]
蜡笔小新 2023-12-10 15:42:28
-
-
主讲人网神（新浪微博:豆角茄子麻酱凉面）网神(66707180)18:57:18大家好，今天我们讲一下第14章combiningmodel ...
[详细]
蜡笔小新 2023-10-17 17:04:24
-
ElasticSearch成功安装完毕。 测试数据添加出现{ error:{ root_cause ...
[详细]
蜡笔小新 2023-10-17 15:46:32
-
这一节来做二级分类，为了快速开发，一级分类只做新增，暂时不考虑修改和删除，如果一定要删，就去数据库删吧。我们接下来，需要通过一级分类，获取所有的二级分类。开始 ...
[详细]
蜡笔小新 2023-10-17 15:30:11
-
systemd-nspawn可以创建最轻量级的容器（ns的意思就是namespace），本文的实验平台是Ubuntu16.04，x86_64机器。本文的目的是：在Ubuntu中用syst ...
[详细]
蜡笔小新 2023-10-17 14:49:15
-
媒介本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时候为2017年6月12日，许多内容早已逾期或是许多近期优异组件未被收录，所以小肆 ...
[详细]
蜡笔小新 2023-10-17 14:33:46
-
1、DashAPI文档Dash是一个API文档浏览器，使用户可以使用离线功能即时搜索无数API。程序员使用Dash可访问iOS，MacOS， ...
[详细]
蜡笔小新 2023-10-17 10:15:42
-
Bootstrap3 排版缩略语 ...
[详细]
蜡笔小新 2023-10-17 09:02:39
-
本文摘要配置目的：寄存器配置用于更改路由器启动过程。配置目的：寄存器配置用于更改路由器启动过程。启动位由4位16进制寄存器组成格式：0xA ...
[详细]
蜡笔小新 2023-10-16 19:59:28
-
网络分区对于常规事务而言，每当组内有事务数据需要被复制时，组内的成员需要达成共识(要么都提交，要么都回滚)。对于组成员资格的变更也和保持组 ...
[详细]
蜡笔小新 2023-10-16 18:09:11
-
本文内容皆为作者原创，如需转载，请注明出处：https:www.cnblogs.comxuexianqip13045462.html1.自定义分页器的拷贝及使用当我们需要使用 ...
[详细]
蜡笔小新 2023-10-16 17:47:02
-
Java工程师无疑是当下令人艳羡的工作之一，因此，每年都有大批大批的朋友想要报名Java工程师学习Java也就不奇怪了。那么入门Java掌握哪些技术能力 ...
[详细]
蜡笔小新 2023-10-16 15:56:51
-
这篇“Webpack是怎么工作的”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大 ...
[详细]
蜡笔小新 2023-10-16 14:38:01
-
我正在使用sql-serverkafka-connect和debezium监视sqlserver数据库，但是当我发布并运行我的wo ...
[详细]
蜡笔小新 2023-10-16 12:54:59
-
392399224_619416
这个家伙很懒，什么也没留下！
京公网安备 11010802041100号