Javascript 如何在最新版本的引导中禁用手机/平板电脑视图?

Javascript 如何在最新版本的引导中禁用手机/平板电脑视图?,javascript,html,css,twitter-bootstrap,mobile,Javascript,Html,Css,Twitter Bootstrap,Mobile,如何在最新版本的引导中禁用手机/平板电脑视图 我所能找到的所有答案都是针对旧版本的引导,但现在似乎不起作用。 你好谢谢你的回复!但是我想知道我应该把这些代码放在哪里?这些媒体查询提供了对项目的控制。只需添加最小宽度,并为其提供所需的属性。您还可以启用和禁用所需宽度的项目。我明白了。但是我应该把这些粘贴到哪个文件中呢?再次感谢!在你的css文件中。很抱歉,它似乎不起作用。无论如何谢谢你! .visible-lg { @media (max-width: @screen-phone-max) {

如何在最新版本的引导中禁用手机/平板电脑视图

我所能找到的所有答案都是针对旧版本的引导,但现在似乎不起作用。


你好谢谢你的回复!但是我想知道我应该把这些代码放在哪里?这些媒体查询提供了对项目的控制。只需添加最小宽度,并为其提供所需的属性。您还可以启用和禁用所需宽度的项目。我明白了。但是我应该把这些粘贴到哪个文件中呢?再次感谢!在你的css文件中。很抱歉,它似乎不起作用。无论如何谢谢你!
.visible-lg {
  @media (max-width: @screen-phone-max) {
    .responsive-invisibility();
  }
  &.visible-xs {
    @media (max-width: @screen-phone-max) {
      .responsive-visibility();
    }    
  }
  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
    .responsive-invisibility();
  }
  &.visible-sm {
    @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
      .responsive-visibility();
    }    
  }
  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
    .responsive-invisibility();
  }
  &.visible-md {
    @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
      .responsive-visibility();
    }    
  }
  @media (min-width: @screen-large-desktop) {
    .responsive-visibility();
  }
}