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-*`,適配多場景排版。 這些工具類高效實用,日常開發可直接套用,提升效率。

閱讀全文