Bootstrap的Md大小从1200像素

Question

好的，这是第一个问题。

您在下图中看到了什么？

如果我确实相信我看到写的中等大于768像素。对吗？

那么，当屏幕尺寸等于或小于2像素且更大12像素时，我的1200块会占用992列的大小？

如果仔细查看我的代码，你会看到我写的

col-lg-8班级中的{p> news和col-lg-4班级中的posts，但md我写了col-md-12这两个班级，他们应该从990像素

小于1200像素可能lg尺寸不是md尺寸

＆＃13;

＆＃13;

.news {
    background:cadetblue;
}
.posts {
    background:pink;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
 <div class="container">
            <div class="row">
                <div class="news col-12 col-sm-12 col-md-12 сol-lg-8 col-xl-8">fdsf
                  
                </div>
                <div class="posts col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4">adadad
                   
                </div> 
            </div>
        </div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

MD层从991px 下降到768px。如果你希望它的堆叠小于768px，那就是......

<div class="container">
    <div class="row">
        <div class="news col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8">
        fdsf  
        </div>
        <div class="posts col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">
        adadad   
        </div> 
    </div>
</div>

https://www.codeply.com/go/JZFOfWACnj

另请注意，较小的层意味着较大的断点，除非被更大的层覆盖。这意味着标记可以简化为......

<div class="container">
    <div class="row">
        <div class="news col-md-8">
        fdsf  
        </div>
        <div class="posts col-md-4">
        adadad   
        </div> 
    </div>
</div>