如何使Bootstrap 3.3.2中的列在大屏幕上固定宽度(最小宽度:768像素),但在小屏幕上固定宽度(最大宽度:767像素)?

是否进行了一些研究并发现this solution可以解决一半难题,但是如何像响应式列那样将其进一步堆叠在小屏幕上呢?

到目前为止,我尝试了:

@media (max-width: 767px) {
    .col-fixed-160 {
        width:100%;
    }
    .col-fixed-240 {
        width:100%;
    }
}


但这是行不通的。

最佳答案

您需要使用引导程序包含的类,例如

<div class="container">
    <div class="col-lg-8 col-md-12">
    </div>
    <div class="col-lg-4 col-md-12">
    </div>
</div>

关于css - Bootstrap 3.3.2在大屏幕上固定宽度的列,但在小屏幕上堆叠?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28620826/

10-12 06:32