Css 未添加。col-xs-12到引导Colomb，隐藏它，为什么？

嘿，伙计们，我只是在玩引导col md-*，并想出了以下复杂的例子，看看：

HTML:

<div class="container">
            <div class="row">
                <div class="col-xs-12 col-md-6 col-lg-6">
                    One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me? " he thought.
                </div>
                <div class=" col-md-6 col-lg-6">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos commodi aliquam nostrum eius vel rem perferendis, qui sequi pariatur voluptas officia reprehenderit distinctio placeat. Minima nihil culpa atque suscipit deserunt.
                </div>
            </div>
        </div>

但我真的很想知道是什么导致了我所展示的最初的问题

有人能解释一下吗

多谢各位

---

亚历克斯-z

您可以在下面的屏幕截图中看到div设置为100px

div[class^=“col-md-6”]{height:100px；}

它如何覆盖下面的部分文本

---

亲爱的，这是引导网格系统行为

类

.col lg-

仅在设备宽度时可见(≥1200px）
类

.col md-

仅在设备宽度时可见(≥992px）
类

.col sm-

仅在设备宽度时可见(≥768px）
类

.col xs-

始终可见

请参阅下面的链接

---

行为在媒体查询中

@media (min-width:1200px) {
    .col-lg-
}

因此，当设备小于1200px时，该类不可见
如果将类

.col lg-*

放置在宽度小于1200px的位置；在css文件中找不到它，因此它将在块中显示，并且不会受到任何浮点值的影响
它将充当

float:none

而不是

float:left

---

诸如此类………

看起来你的css是这个

div[class^=“col-md-6”{height:100px；}

覆盖了顶部div的文本。将高度更改为100px，你就可以开始看到文本了。我完全理解，我试图理解我在发布的问题中注意到的行为！这种行为是在媒体查询@media（最小宽度：1200px）{.col lg-}中发生的。我认为您不理解这个问题！

@media (min-width:1200px) {
    .col-lg-
}