为什么这个.d-none .d-sm-block不起作用？

Question

我需要做的是让下面的段落在显示在额外的小屏幕上时消失。

<div class="col-sm-12">
        <div>
            <h2>Corporate Leadership</h2>
            <h3>Peter Pan <small>Chief Epicurious Officer</small></h3>

            
            <p class="d-none d-sm-block" >Our CEO, Peter, credits his hardworking East Asian immigrant parents who undertook the arduous journey to the shores of America with the intention of giving their children the best future. His mother's wizardy in the kitchen whipping up the tastiest dishes with whatever is available inexpensively at the supermarket, was his first inspiration to create the fusion cuisines for which <em>The Frying Pan</em> became well known. He brings his zeal for fusion cuisines to this restaurant, pioneering cross-cultural culinary connections.</p>

Answer 1

你的答案是here。

请先搜索再提问。尝试将<p>放在<div class="col-*">中，并更改<p>类，如下所示。

<div class="col-12">
   <p class="d-sm-none d-md-block" >
       your Text
   </p>
</div>