Bootstrap 5如何设置自定义宽度？能否用w-25rem类实现固定宽度？

Bootstrap 5本身没有内置像w-25rem这类直接指定固定rem值的宽度工具类，官方提供的宽度类仅包含相对父元素的百分比（如w-25、w-50）和视口相关的宽度（如vw-100）。要实现固定25rem宽度的需求，有几种可行方案：

• 自定义CSS类（推荐）
  自己编写一个全局CSS类，复用性强，用法和Bootstrap原生工具类一致：

  .w-25rem {
    width: 25rem !important;
  }
  

  使用时直接添加类名：<div class="w-25rem"></div>

• 内联样式
  适合仅在单个元素临时使用的场景，直接写内联样式：

  <div style="width: 25rem;"></div>
  

• 基于Sass源码定制（适合深度开发场景）
  如果你的项目是基于Bootstrap的Sass源码编译的，可以利用官方提供的混合宏生成自定义宽度类，保持和Bootstrap工具类的风格统一：

  .w-25rem {
    @include width(25rem);
  }
  

  编译后就能像原生类一样使用。

内容的提问来源于stack exchange，提问作者Abaga