📌  相关文章
📜  class="d-none d-md-block" 在引导程序中是什么意思? - CSS (1)

📅  最后修改于: 2023-12-03 14:40:06.236000             🧑  作者: Mango

class="d-none d-md-block" 是Bootstrap框架中的类,用于在不同屏幕大小下控制元素显隐性。

这个类在<div>或其他HTML元素中添加,可以实现在大于、小于或等于某个特定大小的屏幕上隐藏或显示相应的元素。

d-none类可以在任何屏幕尺寸下隐藏元素(相当于CSS的display:none属性)。

d-md-block类则会在屏幕宽度大于等于 768px(中等屏幕)时显示元素(相当于CSS的display:block属性)。

例如,以下示例代码可在中等屏幕上显示带有文本“Hello World”的<p>标签,但在小于中等屏幕的情况下隐藏:

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

使用这些类可以帮助开发人员优化网站的响应式设计,提高用户体验。

参考链接:Bootstrap文档