📅  最后修改于: 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文档