使用 Bootstrap 3/Bootstrap 4 顯示/隱藏 HTML 元素

 

BS3 BS4
visible-xs d-block d-sm-none
visible-sm d-none d-sm-block d-md-none
visible-md d-none d-md-block d-lg-none
visible-lg d-none d-lg-block d-xl-none
visible-xl d-none d-xl-block
hidden-xs d-none d-sm-bloc
hidden-sm d-block d-sm-none d-md-block
hidden-md d-block d-md-none d-lg-block
hidden-lg d-block d-lg-none d-xl-block
hidden-xl d-block d-xl-none
BS4
d-none d-sm-block
d-none d-md-block
d-none d-lg-block
d-none d-xl-block
d-none
d-sm-none
d-md-none
d-lg-none
d-xl-none

 

使用 Bootstrap 4 顯示/隱藏 HTML 元素

內容出處: 使用 Bootstrap 4 顯示/隱藏 HTML 元素