使用Bootstrap 5.3.1.我已经通过Utility API添加了响应半径，并且可以确认我的CSS文件包括.rounded-top-sm-4，.rounded-end-sm-4等类。

# utilities_custom.scss
@import "bootstrap/functions";
@import "bootstrap/variables";
@import "bootstrap/variables-dark";
@import "bootstrap/maps";
@import "bootstrap/mixins";
@import "bootstrap/utilities";
    
$utilities: map-merge(
  $utilities, (
    "rounded": map-merge(
      map-get($utilities, "rounded"),
      ( responsive: true ),
    ),
    "rounded-top": map-merge(
      map-get($utilities, "rounded-top"),
      ( responsive: true ),
    ),
    "rounded-bottom": map-merge(
      map-get($utilities, "rounded-bottom"),
      ( responsive: true ),
    ),
    "rounded-start": map-merge(
      map-get($utilities, "rounded-start"),
      ( responsive: true ),
    ),
    "rounded-end": map-merge(
      map-get($utilities, "rounded-end"),
      ( responsive: true ),
    ),
  )
);

这里是我的标记：

<div class="card border-0 mt-5">
    <div class="row justify-content-center g-0 fs-4">
      <div class="test col-md-4 rounded-4 rounded-end-md-0 rounded-bottom-sm-0">
        <div class="card-body p-5">
          <p class="card-text">...</p>
        </div>
      </div>
      <div class="col-md-4">
        <img src="..." class="img-fluid" alt="...">
      </div>
    </div>
  </div>

预期：
1.在中等屏幕上，我希望.test在左上角和左下角有radius-4
1.在小屏幕上，我希望.test在左上角和右上角有radius-4
实际：
1.在中等屏幕上，左上角有radius-4，其余为半径0。
1.在小屏幕上，所有角落都有radius-4
我做错了什么？谢谢.