容器和网格系统类名汇总

最新推荐文章于 2023-08-04 00:14:46 发布

Web_front

最新推荐文章于 2023-08-04 00:14:46 发布

阅读量594

点赞数 2

分类专栏：前端文章标签： bootstrap

本文链接：https://blog.csdn.net/Web_front/article/details/103603377

版权

这篇博客汇总了Bootstrap框架中的关键类名，包括容器（container和container-fluid）、阴影效果、表格系统、字体颜色、背景颜色、禁用类、轮播控制、导航元素、导航栏、图片形状、文本样式、表格样式、按钮、按钮组、列表组、表单以及各种提示框和进度条等。这些类帮助开发者快速构建响应式且美观的网页布局。

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

1、容器：
container 固定宽度，不同尺寸固定了不同的宽度
container-fluid 100%宽度
2、阴影：
shadow-none 无阴影
shadow-sm 小阴影
shadow 普通阴影
shadow-lg 大阴影
参数-完整案例
shadow-lg p-3 mb-5 bg-white rounded 设置大阴影
3、表格系统：
.col- 针对所有设备
.col-sm- 平板，屏幕宽度大于或等于576px
.col-md- 桌面显示器，屏幕宽度等于或大于768px
.col-lg 大桌面显示器，屏幕宽度等于或大于992px
.col-xl 超大桌面显示器，屏幕宽度等于或大于1200px
4、字体颜色
text-muted 柔和
text-primary 重要
text-success 成功
text-info 提示
text-warning 警告
text-danger 危险
text-secondary 副标题
text-dark 深灰色文字
text-light 浅灰色
text-white 白色
5、背景颜色
bg-primary 重要
bg-success 成功
bg-info 提示
bg-warning 警告
bg-danger 危险
bg-secondary 副标题
bg-dark 深灰色文字
bg-light 浅灰色
bg-white 白色
6、禁用类