Bootstrap 3.3.2固定宽度列在大屏幕上但是在小屏幕上堆叠？

Question

如何使Bootstrap 3.3.2中的列在大屏幕上固定宽度（最小宽度：768px），但也在小屏幕上堆叠（最大宽度：767px）？

是否进行了一些研究并发现this solution可以解决问题的一半，但是如何进一步将其堆叠在小屏幕上，就像响应列一样？

到目前为止，我尝试过：

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

但它不起作用。

Answer 1

你需要使用bootstrap包含的类，比如

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