Css 如何在引导中使用显示属性？

我需要使用引导的一些属性

我在模板中编写以下代码：

<div class="row row-content">
        <div class="col-12 col-sm">
            <h2>Corporate Leadership</h2>
            <h3>Peter Pan <small>Chief Epicurious Officer</small></h3>
            <p class"d-sm-none d-md-block">This has to be hidden in small sizes</p>                
        </div>
   </div>

---

问题是它不起作用。我不知道我是否需要导入一些scss类，但老师指定我们只需要使用css。

您要导入引导程序吗

如果没有，请将以下内容添加到您的列表中

---

首先，您的段落元素类属性缺少=符号。修好它

<p class="d-sm-none d-md-block"> ... </p>

小提琴：

---

顺便说一句，上的col-sm类是不必要的。只有当您有多个列并且希望它们具有相同的宽度时，它才有用。

尝试在JSFIDLE中生成代码，以便任何人都可以调试它并让它为您运行。此外，如果您想编写自己的CSS，根据屏幕大小工作，则可以使用。

<p class="d-sm-none d-md-block"> ... </p>

<p class="d-none d-md-block"> ... </p>