Html 为什么我在引导中的断点不好网格不工作_Html_Bootstrap 4_Grid

Html 为什么我在引导中的断点不好网格不工作

html bootstrap-4 grid

Html 为什么我在引导中的断点不好网格不工作,html,bootstrap-4,grid,Html,Bootstrap 4,Grid,我不明白为什么在bootstrap 4中，当我要求达到991（lg及以下）时，我的临界点是800 px，这是我的代码： img 杰克斯利弗尔斯电子竞技公社奢侈品名牌专卖店您的断点都不在800像素。如果您仔细观察，它们正按照您指定的方式工作。您需要了解网格系统如何在引导中工作自举网格系统网格断点基于最小宽度媒体查询，这意味着它们适用于该断点及其上的所有断点（例如，col-sm-4适用于小型、中型、大型和超大设备，但不适用于第一个xs断点）如果没有指定某个屏幕大小，它将默认为12

我不明白为什么在bootstrap 4中，当我要求达到991（lg及以下）时，我的临界点是800 px，这是我的代码：


img
杰克斯
利弗尔斯
电子竞技
公社
奢侈品名牌专卖店

您的断点都不在800像素。如果您仔细观察，它们正按照您指定的方式工作。您需要了解网格系统如何在引导中工作

自举网格系统网格断点基于最小宽度媒体查询，这意味着它们适用于该断点及其上的所有断点（例如，col-sm-4适用于小型、中型、大型和超大设备，但不适用于第一个xs断点）

如果没有指定某个屏幕大小，它将默认为12个网格大小（您可以认为它默认为<代码> COL-XS12如果没有指定）

你的计划的运作

XL屏幕：当您的代码段在超大屏幕或

xl

（>1200px）上运行时，每个div占用2个网格的空间（

col-xl-2

将应用于所有）

LG屏幕：当您从大屏幕或

lg

（992px-1200px）转换时，您已经降到1200px以下，现在将应用

col lg

。因此网格将被划分为

部门-
第1分区-6网格（
```
col-lg-6
```
）
第二至第四分区-第一行各2个网格（
```
col-lg-6
```
）。现在使用第一行的所有12个网格
第五和第六分区-第二行各有2个网格（
```
col-lg-6
```
）

MD屏幕：当您低于992px时，您进入中等屏幕范围（768px-992px），div将按照

col md

放置，或者如果未指定低于

lg

的范围，它们将默认为

col-xs-12

。因此网格将被划分为

部门-
第一分区到第四分区-12格线（由于未指定任何内容，因此默认为
```
col-xs-12
```
）
第五分区-2网格偏移7（
```
col-md-2
```
和
```
offset-sm-7
```
）
第六分区-12网格（由于未指定任何内容，因此默认为
```
col-xs-12
```
）

SM屏幕：当低于768px时，div将被分配网格，就像MD屏幕的情况一样，因为没有为sm屏幕指定任何内容

XS屏幕：当低于576px时，除第5个div外，所有div将保持不变，在这种情况下，
offset-sm-7
将不再适用，所有网格将与左侧对齐，每个网格占用12个网格

希望您了解您的程序是如何工作的，没有任何异常或意外。如果您还有任何问题，请在评论中提问。
您的断点都不在800px。如果您仔细观察，它们正按照您指定的方式工作。您需要了解网格系统如何在引导中工作
自举网格系统网格断点基于最小宽度媒体查询，这意味着它们适用于该断点及其上的所有断点（例如，col-sm-4适用于小型、中型、大型和超大设备，但不适用于第一个xs断点）

如果没有指定某个屏幕大小，它将默认为12个网格大小（您可以认为它默认为<代码> COL-XS12如果没有指定）

你的计划的运作
XL屏幕：当您的代码段在超大屏幕或
xl
（>1200px）上运行时，每个div占用2个网格的空间（
col-xl-2
将应用于所有）

LG屏幕：当您从大屏幕或
lg
（992px-1200px）转换时，您已经降到1200px以下，现在将应用
col lg
。因此网格将被划分为

部门-

第1分区-6网格（
col-lg-6
）

第二至第四分区-第一行各2个网格（
col-lg-6
）。现在使用第一行的所有12个网格

第五和第六分区-第二行各有2个网格（
col-lg-6
）

MD屏幕：当您低于992px时，您进入中等屏幕范围（768px-992px），div将按照
col md
放置，或者如果未指定低于
lg
的范围，它们将默认为
col-xs-12
。因此网格将被划分为

部门-

第一分区到第四分区-12格线（由于未指定任何内容，因此默认为
col-xs-12
）

第五分区-2网格偏移7（
col-md-2
和
offset-sm-7
）

第六分区-12网格（由于未指定任何内容，因此默认为
col-xs-12
）

SM屏幕：当低于768px时，div将被分配网格，就像MD屏幕的情况一样，因为没有为sm屏幕指定任何内容

XS屏幕：当低于576px时，除第5个div外，所有div将保持不变，在这种情况下，
offset-sm-7
将不再适用，所有网格将与左侧对齐，每个网格占用12个网格

希望您了解您的程序是如何工作的，没有任何异常或意外。如果您还有任何问题，请在评论中提问