我的模板Bootstrap v4.1.3相升级到Bootstrap v5.3.3需要注意的有哪些(4工具类与样式调整)

日期:2025-07-28 分类:常见问题 浏览:198 来源:巴州宇格电子科技欢迎您!-网站内容管理系统


四、工具类与样式调整

工具类是高频使用的部分,类名变化需全面替换:


  1. 方向类名适配 RTL
    为支持右到左(RTL)布局,方向相关类名从left/right改为start/end
    • .ml-*(margin-left)→.ms-*(margin-start)

    • .mr-*(margin-right)→.me-*(margin-end)

    • .pl-*(padding-left)→.ps-*(padding-start)

    • .pr-*(padding-right)→.pe-*(padding-end)

    • .float-left.float-start.float-right.float-end

    • .text-left.text-start.text-right.text-end

  2. 新增 / 移除的工具类
    • 新增.ratio类:用于响应式比例(如视频、图片),替代 Bootstrap 4 的.embed-responsive

    • 移除.text-monospace:需手动通过font-family实现等宽字体。

    • 圆角工具类扩展:新增.rounded-0.rounded-4(控制圆角半径),.rounded-pill保持不变。



上一篇: 企业为何一定要做自己的官方网站?

下一篇: 我的模板Bootstrap v4.1.3相升级到Bootstrap v5.3.3需要注意的有哪些(5JavaScript 插件与交互)

0 购物车
客服微信
咨询电话
13565752733