visible-xs-block和visible-sm-block bootstrap 3.3.4无法正常工作

Question

使用BS 3.3.4我已经在仍然显示在iphone 3，iphone 4上的div上尝试了hidden-xs-block和hidden-sm-block。我能让它工作的唯一方法是新的类在媒体查询上显示：none但我更喜欢使用内置功能。我直接将该课程应用于 <div class="panel panel-default hidden-sm-block ">以及hidden-xs-block 见：http://howlingwolfmedia.com/dev/jrmasonry_btstrp/portfolio.html 右侧面板隐藏了，现在关闭自定义类，这样你就可以看到我正在谈论的内容。

Answer 1

请参阅orginal code，只有hidden-X和visible-X没有-block类可用。

e.g。

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

Answer 2

Bootstrap没有定义hidden-sm-*个类，如果它被隐藏，则无需指定block。