【问题标题】:Is there a minimum width that Bootstrap 3 supports?Bootstrap 3 是否支持最小宽度?
【发布时间】:2014-10-26 02:11:43
【问题描述】:

当我将浏览器窗口宽度缩小时,似乎 420 像素左右是它让我离开的最低点。

我指的是没有自定义媒体查询的 Bootstrap 3。

您能否为 280 像素的屏幕宽度设计响应式 Bootstrap 3 而无需自定义媒体查询?

谢谢。

【问题讨论】:

  • 我不是 bootstrap 3 方面的专家,但我记得它是 Mobile First。所以,你正在做的事情听起来不是一个好主意。您应该从移动设备查询到更大的屏幕,而不是相反。
  • 桌面浏览器没有最小的设备那么小,目前最小的设备是 240px 宽 x 320px (Android)。 Bootstrap 流畅且响应迅速。您可以使用它为任何设备宽度创建站点,因为它是流动的。如果您不熟悉流畅的设计和响应式移动优先 CSS,我建议您先学习

标签: css twitter-bootstrap-3


【解决方案1】:

在屏幕宽度低于 360 像素时,top-level .col-xs-1 Bootstrap grid columns start to wrap(即使从概念上讲,它们应该永远不会换行)。另见https://github.com/twbs/bootstrap/issues/13221

在非常小的屏幕上不使用col-xs-1 基本上可以避免这个问题。或者使用自定义媒体查询。

【讨论】:

    【解决方案2】:

    阅读有关 visible-xs、visible-md 等...

    您将首先了解您在此处找到的可见类引导程序...

    responsiveness in twitterbootstrap

    【讨论】:

      猜你喜欢
      • 2013-08-14
      • 2017-04-09
      • 2012-08-03
      • 2015-06-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-05-19
      相关资源
      最近更新 更多