twitter-bootstrap - twitter bootstrap 3.0 响应式实用程序类仅在中视图和大视图中显示

Question

我只想在中型和大型断点中显示，并且基于 twbs 3.0 文档，使用它们的断点实用程序类是不可能的，如此处所示http://getbootstrap.com/css/#responsive-utilities

不在中大视图中时，我可以隐藏 div

@media(max-width: @screen-md) {
   display:none;
}

但是有没有办法使用他们的实用程序类来完成它，比如 .visible-lg 等？

Answer 1

没有任何实用程序类可以实现这一点。我已经设法通过在较少的文件中进行以下更改来做到这一点......

在“variables.less”中更改以下变量 -

@screen-xs     99999px;
@screen-sm     99999px;

在“grid.less”的底部添加以下内容 -

.container {
    width:@screen-md;
}

@media (min-width: @screen-lg-desktop) {
    .container {
        width: @container-lg-desktop;
    }
}

重新编译时，它应该只在大断点和中断点之间切换。