【问题标题】:are bootstrap grid breakpoints usually just enough, or is it more common to make other breakpoints?引导网格断点通常就足够了,还是制作其他断点更常见?
【发布时间】:2018-01-07 18:38:31
【问题描述】:

我理解的网格系统

  • xs = 0-767 像素
  • sm = 768-991 像素
  • md = 992-1199 像素
  • lg = 1200 像素及以上

所以,你们不觉得 xs 类完全不小,绝对不是多余的。 我正在考虑做一个小断点,并想知道这样做是否常见,或者是否有一些我做错了! 最简单的方法是什么?

【问题讨论】:

  • 如果能从提问者那里得到答案或标记为正确的答案会很好。

标签: twitter-bootstrap bootstrap-grid


【解决方案1】:

只需在您的自定义 css 文件中添加一个媒体查询,最大屏幕尺寸为 400 像素。我经常这样做。特别是对于旧款 iPhone,它们以 350 像素的宽度呈现 HTML。

@media screen and (max-width: 400px) {
  ...
}

【讨论】:

    【解决方案2】:

    参见引导程序 4:http://getbootstrap.com/docs/4.0/layout/grid/

    他们将断点更改为

    • 超小:
    • 小:≥576px
    • 中等:≥768px
    • 大:≥992px
    • 超大:≥1200px

    所以我认为 XS 断点太宽了。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-10-25
      • 1970-01-01
      • 2021-07-02
      • 2012-01-23
      • 1970-01-01
      • 2014-12-26
      相关资源
      最近更新 更多