无法理解各种屏幕尺寸的Bootstrap网格的组合

我在codeply.com上发现了一个代码片段，并修改了一下以了解col-xl，col-lg，col-sm和col-x的组合。这是代码片段。无法理解各种屏幕尺寸的Bootstrap网格的组合

我来引导一个新手。所以，请让我知道如果代码段已经以错误的方式实现，并且其输出可能是不可预测的。这就是我的问题：

对于最后3个div（div为1.1 .. 4.1，div为1.2 .. 4.2，div为1.3 .. 5.3），有两个xl规范，即col- xl-3和col-xl-6为什么只考虑col-xl-6而不考虑col-xl-3（对于xl屏幕）？我试图扭转顺序，但输出没有差异。所有* .1节和* .2节位于第一行，然后* .3位于第二行。
当您在另一个窗口中打开输出并调整宽度以使屏幕尺寸为lg时，则1.3,2.3,3.3和4.3消失。而且，其余的元素如何计算出列的大小。我假设他们采用全宽，因为我没有为col-lg指定任何东西。

我希望我的问题有意义。我试着看过一些例子，但它并没有回答我的问题，并帮助我理解它为什么会表现出行为方式。

有人可以帮忙吗？

谢谢贾扬

不能包含在同尺寸等级2页的声明 - XL，所以宣布3列，6列在XL宽度总是会导致只有一个，因为他们仅仅是宽度声明。我认为这可能是一个错字，应该是col-xl-3 col-lg-6 col-sm-12。
它们并没有消失，它们只是隐藏在屏幕尺寸为全宽的5.3处并浮在它们前面。如果你在class =“row”中包含5.3或者给它一个明确的：both风格，你会再次看到1.3 - 4.3。

引导程序布局很难让您的头部直到它被点击。

希望能帮到:)

2016-11-04 16:33:39

回答