qq_65552364的博客

在 Bootstrap5 中，通过类 .card 与 .card-body 可以快速创建一个简单的卡片，卡片可以包含头部、内容、底部以及各种颜色设置，卡片采用 flexbox 构建，易于对齐，并可与其他 Bootstrap 组件很好地混合。卡片没有固定的起始宽度，因此它们会自然地填充其父元素的整个宽度。卡片支持各种内容，包括图像、文本、列表组、链接等🚀卡片之二式：标题在卡片的内容中我们可以通过类 .card-title 设置卡片的标题，通过类 .card-subtitle 设置卡片的字幕。如果将 ..

通过类 .navbar 可以创建一个标准的导航栏，若要创建响应式的导航栏，可以在类 .navbar 的基础上添加类 .navbar-expand-xxl|xl|lg|md|sm 来创建 (大屏幕水平铺开，小屏幕垂直堆叠)。navbar-dark / light‎ 可以调节导航栏文本颜色，如深色背景导航栏对应浅色文本、浅色导航栏对应深色文本。‎data-bs-toggle 指以什么类型事件触发data-bs-target 指事件的目标 就是样式的具体细节具体的代码dropdown-divider

Bootstrap5提供了一些背景颜色 (bg-dark、bg-primary等) 以及 (text-info、text-warning等) 的类用于设置容器的样式-文本颜色

目录一、基础表格二、表格颜色三、活动类表格四、条纹表格五、带边框表格六、无边框表格七、响应式表格 对于这个基础表格的写法，想必大家也非常熟悉，我们来看一下代码吧而类.table为我们很好的修改了表格的样式，例如默认宽度为100%，内容之间的间距及底部边框，使我们在创建表格的时候更加方便在bootstrap5中设置了8种颜色样式，图中英文即为设置该种颜色所需要的类名 通过指定意义的颜色类名还可以为整个表格添加颜色样式 通过指定意义的颜色类名还可以为表头、表注添加颜色样式关

一、文本对齐方式使用文本对齐类能够轻松地将文本重新对齐到组件。对于左侧、居中和右侧对齐，同时也可以搭配断点实现响应式布局左侧对齐 text-start 居中对齐 text-center 右侧对齐 text-end...

一、列样式二、网格类三、网格系统规则四、使用案例五、列偏移六、列顺序七、对齐方式前言Bootstrap 提供了一套响应式、移动设备优先的流式网格系统。随着视口尺寸的变化，根据视口的大小进行重新排布。在BootStrap5中，行(.row)是较为重要的元素，行是列的包装器，每一列最好包含在类名为row的容器之中。而每行又分为12个模板列，允许创建跨任意数量列的不同元素组合。列类指示要跨越的模板列数(例如，col-4 即跨越4个列，col-6即跨越6个列)，宽度是按百分比..