Bootstrap 5.3.3 Offcanvas尺寸类异常：渲染可见且行内显示求助

你用错了Bootstrap Offcanvas响应式类的用法：offcanvas-sm/offcanvas-md这类是修饰类，不能直接替换核心的offcanvas基础类，必须和offcanvas类同时使用。

正确写法示例：

<div class="offcanvas offcanvas-md offcanvas-end" data-bs-scroll="true" data-bs-backdrop="false" id="myOffcanvas" tabindex="-1" aria-labelledby="myOffcanvasLabel">
    <div class="offcanvas-header">
        <!-- 内容 -->
    </div>
    <div class="offcanvas-body">
        <!-- 内容 -->
    </div>
</div>

原因说明 #

• offcanvas是组件的核心样式类，包含了隐藏、定位、布局等基础规则，删掉它会让组件失去核心行为，自然变成普通行内元素。
• offcanvas-sm/offcanvas-md这类类的作用是控制不同屏幕尺寸下Offcanvas的显示逻辑，比如指定在md及以上屏幕才以侧边栏形式展示，但它们必须依赖基础的offcanvas类才能生效。

额外提示 #

如果需要针对不同断点控制Offcanvas的显示状态，还可以在Blazor中绑定屏幕断点状态，动态切换组件的显示/隐藏，或者结合Bootstrap的响应式JS方法实现。

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