Bootstrap元素的显示与隐藏

  • 在Bootstrap中,为了更好的适配移动设备,需要对页面中不重要的内容设置元素的显示与隐藏
  • 当在大屏幕中,可以将那些并不重要的组件进行显示,而在小屏幕中,为了节省空间,需要对一些元素进行隐藏
  • 为元素添加类d-none,将在所有设备中隐藏该元素,d-*-none,将为特定尺寸的屏幕进行隐藏元素。例如:d-sm-none,将在小屏幕中隐藏元素
  • 但是需要注意的是,Bootstrap默认移动端优先,也就是会从最小的设备开始适配,然后将所有大于的设备也进行适配
  • 当设置了小屏幕隐藏之后,默认小屏幕以及之上的所有屏幕都会默认隐藏。所以需要进行显示操作
  • 为元素的类添加d-block,将在所有设备中显示该元素,其余注意点均与隐藏一致
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值