如何理解bootstrap的删格系统,1.简介Bootstrap内置一组响应，移动设备首选流网格系统，随着屏幕设备或视口大小的增加，系统将自动分割最多12列。它包含易于使用的预定义的classe，强大的Mixin用于生成更语义布局。 2，光栅选项Bootstrap3.x使用四个栅格选项来形成一个栅格系统，这四个选项位于官方网站，如下图片，许多人不明白，这里，解释，超过四个网格选项实际上，差异只是一个是适用于不同尺寸的屏幕装置。我们看这个项目的课程前缀，我们使用了这四个光栅选项，它是Col-XS，Col-Sm，Col-Md，Col-LG，我们懂英语，LG是大的缩写，MD是MID的缩写，SM为SMALL的缩写，XS为***缩写。这反映了这些类Adaps的屏幕宽度是不同的。在这里，我们介绍了这些类的这些特征。 3，列偏移使用。 Col-Md-Offset- *可以向右移动。这些类通过使用*选择器将所有列添加到左边距。例如，.col-md-offset-4将移动。 4列的右侧的COL-MD-4。 4，嵌套列为了使用内置网格来嵌套内容，可以通过添加新的.row和一个系列来实现。 col-md- *列到现有.col-md- *列。包含在嵌套行中的列应等于12.5，并通过使用列排序.col-md-push- *和.col-md pull- *可以轻松更改列的顺序。
什么是bootstrap栅格系统,栅格系统栅格系统是指页面布局的划分为各种列，然后通过列编号的定义模块化页面布局。 Bootstrap的栅格系统使用1-12列的模式，并通过比例计算设置您定义的列宽度。例如，您想要使用两个布局模式，然后每列的宽度为50％的外部容器，无论浏览什么，都会以此比例显示。但是，如果设备宽度小于您设置的最小宽度，则这两个列将与列并行。 Bootstrap的栅格系统非常简单，方便使用栅格系统在引导中，只需在您的DIV中介绍它们。让我们看看Bootstrap有几个g要使用的级别：1 .COL-XS- *这是一个超小屏幕类（<768px），类似手机等设备。2. .col-sm-* 这是小屏幕设备类（≥768px且<992px），类似平板设备。3. .col-md-* 这是中型设备类（≥992px且<1200px）。4. .col-lg-* 这是大型设备类（≥1200px）。如何使用Bootstrap栅格系统你可以通过使用这些对应设备的栅格类来决定自己应用在不同设备上的布局样式。例如： 这个编码的结果是这两个DIV浏览在PC中两行（每行占用12列网格），移动浏览器中的两个列（每列占用6列）。在此表单中，可以非常方便地使用栅格系统自定义自己的应用程序布局。除了上面的使用方法，您可以使用列偏移量级快速定位自己的光栅，如何使用根据这样的方式，这个div将被PC侧偏移。
bootstrap的格栅系统怎么使用?,COL-XS类，用法是