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;
    }
}

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