Visibility
visibility Breakpoints
設定物件是否顯示於畫面上，即使隱藏於畫面上但依然會佔據空間。
| 類別名稱 | 值 | |
|---|---|---|
| 顯示 | .u-visible{@bp} | visible |
| 不顯示 | .u-invisible{@bp} | hidden |
顯示
.u-visible 隱藏
.u-invisible 雖然隱藏了但只是視覺上看不到，並不是消失，所以上面空白一塊。
設定物件是否顯示於畫面上，即使隱藏於畫面上但依然會佔據空間。
| 類別名稱 | 值 | |
|---|---|---|
| 顯示 | .u-visible{@bp} | visible |
| 不顯示 | .u-invisible{@bp} | hidden |
.u-visible .u-invisible 雖然隱藏了但只是視覺上看不到，並不是消失，所以上面空白一塊。
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab culpa debitis error facilis fugiat minima molestiae nesciunt nobis repellat saepe? Aperiam debitis deserunt error esse eum illum nesciunt reiciendis vel?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab culpa debitis error facilis fugiat minima molestiae nesciunt nobis repellat saepe? Aperiam debitis deserunt error esse eum illum nesciunt reiciendis vel?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab culpa debitis error facilis fugiat minima molestiae nesciunt nobis repellat saepe? Aperiam debitis deserunt error esse eum illum nesciunt reiciendis vel?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab culpa debitis error facilis fugiat minima molestiae nesciunt nobis repellat saepe? Aperiam debitis deserunt error esse eum illum nesciunt reiciendis vel?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab culpa debitis error facilis fugiat minima molestiae nesciunt nobis repellat saepe? Aperiam debitis deserunt error esse eum illum nesciunt reiciendis vel?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem consequatur eligendi illum libero nostrum? Ab, ad consequatur cumque dolores enim esse fuga non. Adipisci cupiditate doloribus pariatur quidem repudiandae ullam.