css - Bootstrap : how to Make the website always operate as "lg"

标签 css twitter-bootstrap media-queries

我有一个完全响应式的网站,其中类 hidden-*visible-* 被广泛使用,现在我想让移动用户能够如果他们点击“桌面版网站”等按钮,则使用网站的桌面版。

这些是关于禁用响应的 Bootstrap 文档:

  1. 省略 CSS 文档中提到的视口(viewport)。
  2. 为每个网格层覆盖 .container 的宽度 单一宽度,例如 width: 970px !important;确保这 在默认的 Bootstrap CSS 之后。您可以选择避免 !对于媒体查询或一些选择器很重要。
  3. 如果使用导航栏,移除所有折叠和展开的导航栏 行为。
  4. 对于网格布局,除了或就地使用 .col-xs-* 类 其中,中型/大型。别担心,超小的设备网格 适用于所有分辨率。

我试过了,但没用!

媒体查询 仍在运行。

hidden-*visible-* 仍然可以使用。

所以什么都没有发生,响应能力 仍然有效!

我不知道为什么这是一件困难的事情。该网站已经配置为在桌面设备上运行,所以我只需要告诉 MobileTabletDesktop 一样浏览网站.有什么办法吗?

提前致谢。

最佳答案

也许对您来说最好的方法是编译一个单独的 Boostrap 版本,而不使用它的任何响应式好东西。检查这个blog关于如何做到这一点的条目。让我知道这是否有帮助/有效。 法比奥

关于css - Bootstrap : how to Make the website always operate as "lg",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29348219/

相关文章:

reactjs - 如何使样式库可配置

css - @media in css3 仅适用于第一次选择

html - CSS网格重复列自动填充和minmax不会使所有列的大小相同

CSS 选择器未选择 h1 元素

javascript - 为 Web 应用程序仅组合必要的 css 和 js 的任何好方法

javascript - iPhone 和 iPad 的媒体查询不适用于 canvas html5

css - Chrome 和媒体查询错误

html - 如何使多行链接之间的空间可点击

html - 如何防止 float 标签与输入混合?

jquery - 放置在容器流体中时,Bootstrap 模态不起作用