Twitter 引导 3.0 响应式实用程序类,仅在中型和大型视图中显示



>我只想在中型和大型断点中显示,并且基于 twbs 3.0 文档,无法使用它们的断点实用程序类,如下所示 http://getbootstrap.com/css/#responsive-utilities

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

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

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

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

在"变量.less"中更改以下变量 -

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

在"网格.less"的底部添加以下内容 -

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

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

最新更新