Bootstrap 中的 class="d-none d-lg-block"答案

【问题标题】：class="d-none d-lg-block" in BootstrapBootstrap 中的 class="d-none d-lg-block"
【发布时间】：2022-01-17 10:46:00
【问题描述】：

我正在尝试使用 class="d-none d-lg-block"。但这对我不起作用。

下面是我正在尝试的代码。

如果我错了，请纠正我吗？

<div class="row-content">
        <div>
          <h2>Corporate Leadership</h2>
          <h3>Peter Pan <small>Chief Epicurious Officer</small></h3>
          <p class="d-none d-lg-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>
    <div>
<div>

【问题讨论】：

标签： html bootstrap-4 gridview styles bootstrap-grid

【解决方案1】：

内容仅在 lg 上显示。请添加html标签。

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>
</head>
<body>
<div class="row-content">
<div>
    <h2>Corporate Leadership</h2>
    <h3>Peter Pan <small>Chief Epicurious Officer</small></h3>
    <p class="d-none d-lg-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>
</div>
</div>
</body>

【讨论】：