Html 带引导类的div“；d-sm-none“；显示在每个屏幕大小上

我写了这个标记：

<nav class="navbar navbar-expand-lg">
<a class="navbar-brand overflow-hidden pr-3" href="@Url.Action("Index","Home")">
    <!--<img src="~/Content/Theme/images/logo-dark.png" alt="" />-->
    <img src="~/Content/Theme/images/Velosi/applusLogo.jpg" style="height:50px" alt="" />
</a>

<div class="d-sm-none">
    <h3>THIS SHOULD BE ONLY DISPLAYED ON MOBILE PHONES</h3>
</div>

<button class="navbar-toggler" type="button" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <div class="hamburger hamburger--emphatic">
        <div class="hamburger-box">
            <div class="hamburger-inner"></div>
        </div>
    </div>
</button>

这应该只显示在手机上

我希望

<div class="d-sm-none">
    <h3>THIS SHOULD BE ONLY DISPLAYED ON MOBILE PHONES</h3>
</div>

这应该只显示在手机上

只能在手机上显示，不能超过，但它可以显示在每个屏幕大小上。为什么会这样？

试试这个：

<div class="d-none d-sm-none d-md-block">

我能想到的唯一解释是引导程序没有加载，或者有什么东西阻止它正常运行。请创建一个完整的html（包括头部和身体），检查您的控制台是否有任何错误，并将其粘贴到此处。另外，请告诉我们您正在使用哪些设备和浏览器来测试此功能，并禁用任何浏览器插件/扩展，以确保它不是由某些第三方工具的干扰造成的。这是不可复制的