Bootstrap 隱藏 顯示元素


控制元素顯示

visible-xs-block
visible-md-block // 表示在早中型設備台式電腦(≥992px)可顯示
visible-lg-block // 表示在大型設備台式電腦(≥1200px)可顯示
visible-sm-block // 表示在超小設備手機(<768px)可顯示
  

控制元素顯示或隱藏

// 如果讓一個元素在pc端顯示而在手機端隱藏,下列選項正確的是(B)。
A、 visible-xs-8 hidden-md
B、 visible-md-8 hidden-xs
C、 visible-md-8 hidden-sm
D、 visible-sm-8 hidden-md

詳解:
  a、 超小屏幕(<768px)顯示,中屏(>=992px)隱藏,所以錯誤
  b、 中屏(>=992px)顯示,超小屏幕(<768px)隱藏,所以正確
  c、 中屏(>=992px)顯示,小屏幕(>=768px)隱藏,所以錯誤
  d、 小屏幕(>=768px)顯示,中屏(>=992px)隱藏,所以錯誤
  
// visible-xs-8 超小屏幕顯示
// visible-md-8 中屏顯示
// visible-sm-8 小屏顯示
  
// hidden-md 中屏隱藏
// hidden-xs 超小屏幕隱藏
// hidden-sm 小屏隱藏

在需要控制的元素上加上對應的class即可


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM