javascript - 通过谎言@media 查询的非响应式 Bootstrap

标签 javascript html css twitter-bootstrap

我使用 Bootstrap 3 开发了一个复杂的响应式网页布局。该布局很好地显示了在不同屏幕尺寸上预期的排列和显示。

但是,我是否可以在某些情况下禁用响应,以便我设置特定的布局显示,例如 xs,然后它会显示 xs 布局无论是什么屏幕?

我在想是否可以通过使用 JavaScript 谎言 @media 查询来完成?或者,使用其他方法可以更容易地完成?

最佳答案

在某种程度上是一个有趣的问题。

看看这个 Fiddle 并慢慢调整窗口大小,这样您就可以同时看到所有 Bootstrap col-XX-XX 发生了什么。

我已经设置了 cols 组来向您展示如果您只使用 XS 类会发生什么……就像您想要做的那样。

调整窗口大小时,观察其他类与作为 XS 列的紫色类相比有何不同。

如果需要,您也可以滚动自己的 here 并设置您自己的断点。

全尺寸 Fiddle 在这里。

关于javascript - 通过谎言@media 查询的非响应式 Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30950036/

相关文章:

javascript - Ajax + JSF 第一次点击后点击2次

javascript - c# datetime utc 字符串和在 javascript 中使用时的 z

html - CSS 问题 : absolute path not working for background image

html - 使用多个伪类/元素的元素的 CSS 路径不起作用

html - 将 CSS 半固定/半滚动布局设置为 100% 高度

javascript - 深度合并两个 javascript 对象 lodash/vanilla

javascript - 一次只显示一个内容(在 HTML 上使用 {{each}})

html - 使用 sed 将所有出现的 JS 替换为空行

css - 为什么 flex-item 的 z-index 不能在 Safari 中使用 'overflow: hidden'?

javascript - 通过操作加载网页的 DOM 创建侧边栏