BootStrap笔记5

最新推荐文章于 2024-06-02 17:21:14 发布
最新推荐文章于 2024-06-02 17:21:14 发布
阅读量105 收藏
点赞数
分类专栏： JavaWeb 前端 文章标签： bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/senmu_/article/details/109585107
版权

背景

1.强调的背景

深蓝色，一般用在需要强调的文字上

bg-primary

2.成功操作文字的背景

绿色，一般用在操作成功了的文字上

bg-success

3.信息提示文字的背景

浅蓝色，一般用在提示性的文字上

bg-info

4.警告提示文字的背景

黄色，一般用在警告信息的文字上

bg-warning

5.危险提示文字的背景

红色，一般用在危险信息的文字上

bg-danger
-森木-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Bootstrap5学习笔记
weixin_48778425的博客
10-20 1029
一、布局 1.1 网格 先div.container，再div.row + div.col，例如col-6，col-md-2代表当宽度大于md≥768px才生效 1.2 列 掌握垂直对齐 + 水平对齐 + offset列偏移 + 独立列的示例（演示图片+环绕文字） 1.3 列填充 写在row上，gx-5 水平方向，gy-5 垂直方向间隙，g-5 水平垂直同时都有列间隙，g-0 是无间隙 二、页面内容 2.1 排版 标题 + 显示标题（比h1-h6还大）+ 内联文本元素（下划线，删除线，斜体等）+ 列
bootstrap学习笔记<五>（表单一）
12-05 118
表单 bootstrap为表单提供三种样式：默认表单，水平表单，内联表单。 <form class="form-horizontal" role="form"> <!--默认表单--> </form> <!--分割线--> <form class="form-horizontal" role="form"&g...
bootstrap5-学习笔记1-容器+布局+按钮+工具
最新发布
陆沙的博客
06-02 875
bs5
Bootstrap笔记(五) 排版 - 标题
XI_MILU的博客
08-17 202
标题 主标题 Bootstrap支援 <h1> ~ <h6>等HTML标题元素，也提供 .h1 ~ .h6 类别用来设定标题1 ~ 标题6 (两种写法效果相同) ，其中h1标题的字体最大，h6字体最小。 範例1: 使用HTML标题元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp
bootstrap5全套笔记
03-27
这套“bootstrap5全套笔记”可能包含了关于Bootstrap5的全面学习资料，包括基础概念、布局系统、组件使用、JavaScript插件以及定制方法等内容。 1. **基础概念**：Bootstrap5的核心概念包括网格系统、CSS预处理器...
bootstrap笔记
10-07
无
Bootstrap学习笔记
06-25
这个是我的前端学习笔记Bootstrap
bootstrap学习笔记-html5
12-22
这个“bootstrap学习笔记-html5”压缩包文件显然包含了有关如何使用Bootstrap和HTML5进行网页设计的资料，非常适合初学者入门。接下来，我们将深入探讨这两个重要主题。 HTML5（超文本标记语言第五版）是网页开发的...
Bootstrap5笔记【补充一些菜鸟教程没有的内容】
lklalmq的博客
02-08 432
1.网格列顺序 order 默认不写，优先级仅次于order-first order 1 - 5，优先级1仅次于order-first和默认不写，5最低 order超过6，无效，不改变顺序 多个order5，根据编写顺序排序 order-first 和 order-last 分别定义开头与结尾顺序 order-first，优先级最高 2.省略号截断文本 相当于CSS3中的text-overflow：ellipsis 3.改变文本大小 相当于CSS中的font-size
BootStrap入门学习笔记(五)
bears2的博客
05-29 301
表单控件 BootStrap支持input、textarea、checkbox、radio和select等 输入框(Input) 最常见的输入框 <form role="form"> <div class="form-group"> <label for="name">标签</label> <input type="text" class="form-control" placeholder="文本输入"> </div
前端学习笔记：bootstrap(5)
黄道婆的专栏
09-25 121
前端学习笔记：bootstrap(5) 7.栅格系统中类的小结 类样式名 作用 .container 栅格系统容器，类似于table，固定宽度。 .container-fluid 占100%宽度。 .row 表示一行。 .col-xs-n 微型设备占n列。 .col-sm-n 小型设备占n列。 .col-md-n 中型设备占n列。 .col-lg-n 大型设备占n列。...
bootstrap使用笔记
qq_45911550的博客
11-01 168
1、栅格系统 1、 2、列嵌套 3、列偏移 4、列排序 5、响应式工具
BootStrap笔记参考（全）-优极限
weixin_51717662的博客
04-16 1641
BootStrap 1.主要内容 2.BootStrap的安装和使用 2.1BootStrap介绍 2.2BootStrap特点 2.3下载与使用 3.布局容器和栅格网格系统 3.1布局容器 3.2栅格网格系统 4.常用样式 4.1排版 4.2 表单 4.3 缩略图 4.4 面板 5.BootStrap插件 5.1 导航 5.2分页导航 5.3 下拉菜单 5.4模态框
Bootstrap5 学习笔记（二）
qq_33365152的博客
09-30 63
Bootstrap5 学习笔记（二）
Bootstrap 5笔记
fwq0611的博客
11-12 930
关闭提示框：我们可以在提示框中的 div 中添加 .alert-dismissible 类，然后在关闭按钮的链接上(button type=“button”)添加 class=“btn-close” 和 data-bs-dismiss=“alert” 类来设置提示框的关闭操作。div元素上添加 .dropdown-menu 类来设置实际下拉菜单，然后在下拉菜单的选项中添加 .dropdown-item 类。内边距：.pt-5 边框：.border 背景颜色：.bg-dark (文本：text-)
Bootstrap5 笔记
weixin_46781752的博客
01-06 615
1、在head标签中添加一下两行，即可使用Bootstrap5 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值