2.四、Bootstrap V4自學之路------佈局---響應式工具

可用的類

• 當視口寬度等於或寬於給定的分隔點時，.hidden-*-up類將隱藏該元素。好比說，.hidden-md-up將在中屏、大屏、特大屏視口中隱藏元素。

• 當視口寬度等於或窄於給定的分隔點時，.hidden-*-down將隱藏該元素，好比說，.hidden-md-down將在特小屏、小屏、中屏視口中隱藏元素。

• 你能夠組合使用.hidden-*-up類以及.hidden-*-down類，以使元素只在一個給定的屏幕尺寸區間內顯示。好比說，.hidden-sm-down.hidden-xl-up能使元素只在中屏和大屏視口中顯示。使用多個.hidden-*-up類或多個.hidden-*-down類是多餘並且無心義的。

• 當一個元素的可見性不能被表達爲一個單獨連續的視口尺寸範圍時，這些類並不會支持這些比較少見的狀況。在這種狀況下，你必須改用自定義類。

	特小屏設備          手機豎屏(<34em)	小屏設備          手機橫屏 (≥34em)	中屏設備          平板電腦 (≥48em)	大屏設備          桌面 (≥62em)	特大屏設備          桌面 (≥75em)
.hidden-xs-down	隱藏	可見	可見	可見	可見
.hidden-sm-down	隱藏	隱藏	可見	可見	可見
.hidden-md-down	隱藏	隱藏	隱藏	可見	可見
.hidden-lg-down	隱藏	隱藏	隱藏	隱藏	可見
.hidden-xl-down	隱藏	隱藏	隱藏	隱藏	隱藏
.hidden-xs-up	隱藏	隱藏	隱藏	隱藏	隱藏
.hidden-sm-up	可見	隱藏	隱藏	隱藏	隱藏
.hidden-md-up	可見	可見	隱藏	隱藏	隱藏
.hidden-lg-up	可見	可見	可見	隱藏	隱藏
.hidden-xl-up	可見	可見	可見	可見	隱藏

打印類

和常規的響應式類類似，用這些來決定哪些內容被打印出來。

Class	Browser	Print
.visible-print-block	隱藏	可見 (as display: block)
.visible-print-inline	隱藏	可見 (as display: inline)
.visible-print-inline-block	隱藏	可見 (as display: inline-block)
.hidden-print	可見	隱藏

   我以爲這個部分是少數狀況下使用的，我我的以爲一個頁面作成百變百適應的並不十分合理，適應屏幕大屏和特大瓶就足夠了。app就交給app。或者手機端的web頁面從新設計。