Bootstrap5实用工具类:浮动、阴影与文本对齐方法

Bootstrap5的实用工具类能快速实现常见样式,无需复杂CSS。核心介绍浮动、阴影、文本对齐三类工具: **浮动**:`float-start`/`float-end`实现元素左右浮动,`clearfix`清除父容器塌陷(避免子元素浮动后父容器高度丢失),需注意父容器高度问题及避免元素重叠。 **阴影**:`shadow-sm`(轻微)、`shadow`(默认)、`shadow-lg`(强烈)、`no-shadow`(无),用于按钮、卡片等需“悬浮感”元素,可配合`rounded`(圆角)增强柔和效果。 **文本对齐**:水平对齐用`text-start`/`center`/`end`,支持响应式(如`text-md-center`);垂直对齐需配合`d-flex`和`align-items-*`,适配多场景排版。 这些工具类高效实用,日常开发可直接套用,提升效率。

阅读全文