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

【问题标题】：How to disable phone/tablet view in the latest version of bootstrap?如何在最新版本的引导程序中禁用手机/平板电脑视图？
【发布时间】：2018-02-09 18:23:18
【问题描述】：

如何在最新版bootstrap中禁用手机/平板视图？

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

【问题讨论】：

标签： javascript html css twitter-bootstrap mobile

【解决方案1】：

.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();
  }
}

【讨论】：

您好！感谢您的回复！但我想知道我应该把这些代码行放在哪里？
这些媒体查询可以控制项目。只需添加 min-width 并为它们提供您想要的属性。您还可以启用和禁用所需宽度的项目。
我明白了。但是我应该将这些粘贴到哪个文件中？再次感谢！
在您的 css 文件中。
很抱歉，它似乎不起作用。无论如何，谢谢！