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即可