Css col-lg-4、col-md-3和col-xs-3之间的区别是什么?

Css col-lg-4、col-md-3和col-xs-3之间的区别是什么?,css,twitter-bootstrap,Css,Twitter Bootstrap,对于字段大小,我给出了col-lg-4、col-Md-3和col-XS-2。但最后列大小是4,只有这样我们才需要col-Md-3和col-XS-2。请解释一下 text text 1您可以查看详细信息,如果在回复后的某个日期进行更新 引导列类名的语法构造如下: . {prefix} - {when to collapse} - {number of grid columns to occupy} 上面的前缀是列,表示该元素是引导列系统的一部分 何时折叠选项(xs、sm、md或lg)指示列应停

对于字段大小,我给出了col-lg-4、col-Md-3和col-XS-2。但最后列大小是4,只有这样我们才需要col-Md-3和col-XS-2。请解释一下

text text 1您可以查看详细信息,如果在回复后的某个日期进行更新


引导列类名的语法构造如下:

. {prefix} - {when to collapse} - {number of grid columns to occupy}
上面的
前缀
,表示该元素是引导列系统的一部分

何时折叠
选项(
xs
sm
md
lg
)指示列应停止内联显示的宽度,并折叠到彼此上方

要占用的网格列数指示可分类元素应占用整行的多大部分。在引导过程中,整行由总共12列组成

折叠宽度当前定义如下:

. {prefix} - {when to collapse} - {number of grid columns to occupy}
  • xs
    -网格始终水平,容器样式为
    width:auto
    ,这意味着它将占用当前可用的所有空间
  • sm
    -网格水平穿过宽度为750px的断点
  • md
    -同上(如前所述),但来自970px
  • lg
    -同上,但从1170px开始
简而言之,不同的折叠选项允许您定义布局应折叠的宽度:作为一个简化的解释,页面的移动视图(或类似窗口)应折叠的宽度 应该显示


本回复开头链接的文档还提供了许多示例。

您需要阅读
引导文件。你应该接受回答可能重复的感谢你…例如,如果我想我的页面必须在桌面,平板电脑,移动…因此,我必须给折叠选项lg,md,sm…对…请解释我…你只能指定一个折叠选项。定义的类指定布局应回流的宽度。