css - 如何在 bootstrap 3 中的 "large"以下的任何 View 断点处有条件地隐藏边框？

Question

我有一列(在一行内)有一个像这样的特殊边框

.foo-bar {
    border-left: 4px solid red;
}

这在“完整” View 中看起来不错，但当它开始“堆叠”(中/小视口(viewport))时，我想隐藏此边框。使用 bootstrap 3 执行此操作的惯用方法是什么？

Answer 1

在 LESS 中:

.foo-bar {
    border-left: 4px solid red;
    @media (max-width:@screen-lg-min){
    border-left:none;
    }
}

在 CSS 中

 .foo-bar {
        border-left: 4px solid red;
  }
  @media (max-width:1199px){
        .foo-bar{
        border-left:none;
        }
  }

CSS 中的最大宽度是您的 lg 断点设置的值。