【问题标题】:Bootstrap: How to prevent responsive layout below 768px from taking charge?Bootstrap:如何防止 768px 以下的响应式布局负责?
【发布时间】:2015-12-09 22:46:18
【问题描述】:

我想从 768px 获得响应式视图并禁用其下方的响应式媒体查询 (480px)。

尝试将Customize Bootstrap 中的@screen-xs 设置为768px,将@screen-xs-max 设置为0px,但没有成功。

【问题讨论】:

  • 试试 1px 而不是 0。
  • 我尝试 480px 代替 @screen-sm 代替 768px 除了我在 Q 中尝试过的并且它一直工作到屏幕宽度为 480px 所以我想如果我将 @screen-sm 更改为 0px ,移动布局不会有任何影响。

标签: twitter-bootstrap twitter-bootstrap-3


【解决方案1】:

好吧,在引导程序中,他们使用 sm、xs、lg 和 md 。基于这些类,他们正在执行媒体查询。

所以,如果您不喜欢在平板电脑和移动设备中显示。您可以使用类 hidden-xs、hidden-md 等。可见类和隐藏类在引导程序中都可用。可以参考使用。

我希望我的解决方案会有所帮助。

【讨论】:

  • 但这意味着每个引导元素都必须有这些类,并且在所有元素中添加这些类会非常繁琐。
  • 或者对你想要的特定宽度使用媒体查询并在其中定义一个自定义类。
猜你喜欢
  • 1970-01-01
  • 2019-06-16
  • 1970-01-01
  • 1970-01-01
  • 2013-06-30
  • 2019-08-03
  • 2012-10-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多