可見性 (Visibility)

通過可見性通用類別控制可見性,不會影響物件的實際空間。

六角學院 六角學院

六角學院的 Bootstrap 課程上線囉,立即與萬人一同學習最專業、最深入的 Bootstrap 課程。

立即上課去

使用可見性通用類別設置元素的 visibility。這不會改變 display 值,並且有助於對大部分使用者隱藏內容,但是在螢幕閱讀器仍然保存它們。

依需求使用 .visible.invisible

<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);
}