bootstrap 控制元素显示和隐藏

aixiu 2023-8-4 244

bootstrap中 控制隐藏/显示样式类名称是 d-none/d-block

而且根据不同设备尺寸 可以设置 分为 sm(小屏幕及以上),md(中屏幕及以上),lg(大屏幕) 屏幕规格 根据这个规格就可以控制标签显示/隐藏。


d-none/d-block 属性的简要说明

一. 在不同尺寸下隐藏

规格 描述
d-sm-none 在小屏幕及以上屏幕隐藏当前标签
d-md-none 在中屏幕和大屏幕上隐藏当前标签
d-lg-none 在大屏幕的时候隐藏当前标签

二. 在不同尺寸下显示

规格 描述
d-sm-block 在小屏幕及以上屏幕显示当前标签
d-md-block 在中屏幕和大屏幕上显示当前标签
d-lg-block 只在大屏幕的时候显示当前标签

二者结合使用 即可实现手机端隐藏pc端展示效果 反之亦然。

如本站使用了:d-none d-md-block  只在中屏幕和大屏幕上显示当前标签

这家伙太懒了,什么也没留下。

最新回复 (0)
    • 芝麻地
      2
        登录 注册 QQ登录
返回