摘要：
菜鸟教程链接 列表组+active激活+disabled禁用 要创建列表组，可以在 元素上添加 .list-group 类, 在 元素上添加 .list-group-item 类: <template> <div class="container mt-3"> <h2>列表组</h2> <p>列表组 阅读全文
posted @ 2024-04-02 13:35
ayubene
阅读(77)
评论(0)
推荐(0)
摘要：
菜鸟教程链接 简单分页+当前页面高亮 网页开发过程，如果碰到内容过多，一般都会做分页处理。 要创建一个基本的分页可以在 元素上添加 .pagination 类。然后在 元素上添加 .page-item 类， 元素的 标签上添加 .page-link 类: <template> <div class= 阅读全文
posted @ 2024-03-29 15:42
ayubene
阅读(89)
评论(0)
推荐(0)
摘要：
菜鸟教程链接 普通加载效果 <template> <div class="container mt-3"> <h2>不同颜色加载效果</h2> <p>可以使用文本颜色类设置不同的颜色：</p> <div class="spinner-border text-muted"></div> <div cl 阅读全文
posted @ 2024-03-29 14:39
ayubene
阅读(56)
评论(0)
推荐(0)
摘要：
菜鸟教程链接 创建一个基本的进度条的步骤如下： 添加一个带有 .progress 类的 。 接着，在上面的 内，添加一个带有 class .progress-bar 的空的 。 添加一个带有百分比表示的宽度的 style 属性，例如 style="width:70%" 表示进度条在 70% 的位置。 阅读全文
posted @ 2024-03-29 13:58
ayubene
阅读(254)
评论(0)
推荐(0)
摘要：
菜鸟教程链接 <template> <div class="container mt-3"> <h3>徽章<span class="badge bg-success">new</span></h3> <h3>药丸形状徽章<span class="badge bg-danger rounded-pil 阅读全文
posted @ 2024-03-29 11:52
ayubene
阅读(29)
评论(0)
推荐(0)
摘要：
菜鸟教程链接 btn-group按钮组 <template> <div class="container mt-3"> <h2>加载按钮组</h2> <div class="btn-group"> <button class="btn btn-primary"> <span class="spinn 阅读全文
posted @ 2024-03-29 11:40
ayubene
阅读(27)
评论(0)
推荐(0)
摘要：
菜鸟教程链接 按钮 按钮类可用于 , , 或 元素上: <template> <div class="container mt-3"> <h2>按钮元素</h2> <a href="#" class="btn btn-info m-3" role="button">链接按钮</a> <button 阅读全文
posted @ 2024-03-29 10:59
ayubene
阅读(44)
评论(0)
推荐(0)
摘要：
菜鸟教程链接 提示框-基础颜色 提示框可以使用 .alert 类, 后面加上 .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, .alert-secondary, .alert-light 或 .a 阅读全文
posted @ 2024-03-29 10:26
ayubene
阅读(70)
评论(0)
推荐(0)
摘要：
菜鸟教程链接 圆角效果rounded <img src="./img/537.jpeg" class="rounded" alt="圆角效果" height="236"> 椭圆rounded-circle <img src="./img/537.jpeg" class="rounded-circle 阅读全文
posted @ 2024-03-29 10:11
ayubene
阅读(76)
评论(0)
推荐(0)
摘要：
菜鸟教程链接 基础表格 <template> <div class="container mt-3"> <h2>基础表格</h2> <p>.table 类来设置基础表格的样式:</p> <table class="table"> <thead> <tr> <th>Firstname</th> <th 阅读全文
posted @ 2024-03-28 17:28
ayubene
阅读(25)
评论(0)
推荐(0)
浙公网安备 33010602011771号