Bootstrap col-sm-offset不适用于小型设备

安纳普

我正在使用Bootstrap v 3.0.3。Bootstrap的偏移量对我不起作用。

这是一个相关的例子:

<div class="col-sm-8 col-sm-offset-2-popup col-md-4 col-md-offset-4-popup">
   ....
</div>

在小型设备中,col-md-offset-4-popup应用而不是col-sm-offset-2

有人知道为什么会这样吗?

泽斯

col-md-offset-x-popup在Bootstrap框架中不存在。实际上,没有一个包含popup关键字的如果是自定义类,请确保它不会干扰Bootstrap基类。

由于Bootstrap首先是移动设备,因此您应该使用以下方法:

  • col-xs-8 col-xs-offset-2 适用于超小型设备
  • 仅适用于小型设备(将保留-xs值)
  • col-md-4 col-md-offset-4 用于中型设备
  • 仅适用于大型设备(将保留-md值)
<div class="col-xs-8 col-xs-offset-2 col-md-4 col-md-offset-4">
   ...
</div>

自举

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap 3.1.1 col-sm-offset-1适用于col-md-5

来自分类Dev

Bootstrap 3 col-sm-offset-x影响col-md-x结构

来自分类Dev

Bootstrap 3 col-sm-offset-x影响col-md-x结构

来自分类Dev

如何调试twitter bootstrap v4-alpha网格?col-sm-offset- *不起作用

来自分类Dev

Bootstrap col-sm-offset-2不对齐表单中的按钮

来自分类Dev

如何调试twitter bootstrap v4-alpha网格?col-sm-offset- *不起作用

来自分类Dev

在Bootstrap 3中使用col-*-12(col-xs / col-sm等)

来自分类Dev

Angular ng-if和更改Twitter Bootstrap col-sm

来自分类Dev

Dompdf prints html bootstrap code as col-sm-x and not as col-lg-x

来自分类Dev

Bootstrap 3混合col-md-3和col-sm-4

来自分类Dev

Bootstrap col- *中的IE / MS Edge链接不适用于页面加载

来自分类Dev

调整 Bootstrap“行”以适应各种列“col-xs-12 col-sm-4 col-md-3”?

来自分类Dev

col-sm-4不适合三列

来自分类Dev

用于XS,SM的Bootstrap容器油

来自分类Dev

Bootstrap 3 col-xs- ..在ie8中覆盖-sm -md等。

来自分类Dev

Bootstrap应用程序-应用程序的主体似乎并不尊重col-sm-10类

来自分类Dev

有没有办法通过 col-sm 知道用户是否正在使用类似于 flexbox 的小型设备?

来自分类Dev

“ col-md- *”不适用于基础架构网格

来自分类Dev

Bootstrap崩溃不适用于JQuery

来自分类Dev

Bootstrap scrollspy不适用于Rails

来自分类Dev

Bootstrap生成固定宽度的col,但仅适用于大型显示器,适用于响应较小的显示器

来自分类Dev

Bootstrap生成固定宽度的col,但仅适用于大型显示器,适用于响应较小的显示器

来自分类常见问题

Bootstrap 3 .col-xs-offset- *不起作用?

来自分类Dev

Bootstrap col-md-offset- *不起作用

来自分类Dev

Bootstrap模态不适用于Bootstrap轮播

来自分类Dev

Bootstrap模态不适用于Bootstrap轮播

来自分类Dev

Bootstrap Col不是内联的

来自分类Dev

使 col 居中 Bootstrap

来自分类Dev

引导程序-需要“ col-sm-12”吗?

Related 相关文章

  1. 1

    Bootstrap 3.1.1 col-sm-offset-1适用于col-md-5

  2. 2

    Bootstrap 3 col-sm-offset-x影响col-md-x结构

  3. 3

    Bootstrap 3 col-sm-offset-x影响col-md-x结构

  4. 4

    如何调试twitter bootstrap v4-alpha网格?col-sm-offset- *不起作用

  5. 5

    Bootstrap col-sm-offset-2不对齐表单中的按钮

  6. 6

    如何调试twitter bootstrap v4-alpha网格?col-sm-offset- *不起作用

  7. 7

    在Bootstrap 3中使用col-*-12(col-xs / col-sm等)

  8. 8

    Angular ng-if和更改Twitter Bootstrap col-sm

  9. 9

    Dompdf prints html bootstrap code as col-sm-x and not as col-lg-x

  10. 10

    Bootstrap 3混合col-md-3和col-sm-4

  11. 11

    Bootstrap col- *中的IE / MS Edge链接不适用于页面加载

  12. 12

    调整 Bootstrap“行”以适应各种列“col-xs-12 col-sm-4 col-md-3”?

  13. 13

    col-sm-4不适合三列

  14. 14

    用于XS,SM的Bootstrap容器油

  15. 15

    Bootstrap 3 col-xs- ..在ie8中覆盖-sm -md等。

  16. 16

    Bootstrap应用程序-应用程序的主体似乎并不尊重col-sm-10类

  17. 17

    有没有办法通过 col-sm 知道用户是否正在使用类似于 flexbox 的小型设备?

  18. 18

    “ col-md- *”不适用于基础架构网格

  19. 19

    Bootstrap崩溃不适用于JQuery

  20. 20

    Bootstrap scrollspy不适用于Rails

  21. 21

    Bootstrap生成固定宽度的col,但仅适用于大型显示器,适用于响应较小的显示器

  22. 22

    Bootstrap生成固定宽度的col,但仅适用于大型显示器,适用于响应较小的显示器

  23. 23

    Bootstrap 3 .col-xs-offset- *不起作用?

  24. 24

    Bootstrap col-md-offset- *不起作用

  25. 25

    Bootstrap模态不适用于Bootstrap轮播

  26. 26

    Bootstrap模态不适用于Bootstrap轮播

  27. 27

    Bootstrap Col不是内联的

  28. 28

    使 col 居中 Bootstrap

  29. 29

    引导程序-需要“ col-sm-12”吗?

热门标签

归档