Bootstrap 中的 class="d-none d-lg-block"
Posted
技术标签:
【中文标题】Bootstrap 中的 class="d-none d-lg-block"【英文标题】：class="d-none d-lg-block" in Bootstrap 【发布时间】：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>
【问题讨论】：
【参考方案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>
【讨论】：
以上是关于Bootstrap 中的 class="d-none d-lg-block"的主要内容，如果未能解决你的问题，请参考以下文章
div class="list-group" 在 bootstrap4 上不起作用
Bootstrap 3 class="media-body" 导致图像不显示
bootstrap官网中class="container-fluid"实现的是啥效果