[bootstrap] 表格样式设置

最新推荐文章于 2024-08-30 09:29:42 发布

尉迟海棠

最新推荐文章于 2024-08-30 09:29:42 发布

阅读量797

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/GYK0812/article/details/108950362

版权

本文详细介绍了如何使用Bootstrap框架对表格进行样式设置，包括基本样式、响应式布局、表格操作和自定义扩展，帮助开发者创建美观且适应各种屏幕尺寸的表格。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1-8 表格</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <!-- 添加表格线 和 鼠标悬停 使用较多 -->

                <!-- 1. 添加表格基本样式 table类 -->
                <!-- <table class="table">   -->
                <!-- 2. 设置表格隔行变色 -->
                <!-- <table class="table table-striped"> --