Visibility显示或隐藏(能见度)处理
Bootstrap提供了可见性类,可以轻松控制元素的显示或隐藏,适用于网站建设、网页设计、网站开发、小程序、独立站和跨境电商等项目中的各种场景。可见性类包括多种响应式类和屏幕阈值类,开发人员可以根据具体的设备类型和屏幕分辨率选择相应的可见性类,灵活控制元素的可见性和隐藏状态,提高页面的布局和美观度,为用户带来更加优秀的使用体验。

使用可见性实用工具集控制元素的可见性,而不需要修改显示。

使用通用样式的 visibility 元属,这不会改变元素的 display 值,并且有助于大部分使用者隐藏内容,但仍然保留在屏幕阅读器中。

根据需要选用 .visible.invisible 两个Class样式。

<div class="visible">...</div>
<div class="invisible">...</div>
// Class .visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// Usage as a mixin
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}

加入 DEVDIY 开发者社区

利用 DEVDIY 资源快速拓展您的业务
有兴趣与 DEVDIY 开发者合作吗?