twitter-bootstrap - 将 Bootstrap 列相互堆叠

Question

我正在使用 Bootstrap v3开发我的界面。
我使用以下代码段:

    <div class="row">
        <div class="col-sm-4 col-xs-4">
            <h1>Hello...!</h1>
            <p>Para 1</p>
        </div>
        <div class="col-sm-8 col-xs-8">
            <h1>new div</h1>
            <p>Para 2</p>
        </div>
    </div>

但是，当我减小浏览器的大小(宽度)时，列会越来越小。
我希望，在某个限制或最小宽度之后，div 必须相互堆叠而不是变小。

Answer 1

按照此链接获取 xs 和 sm 的列/网格的确切大小，http://getbootstrap.com/css/#grid-example-mixed
您正在使用自定义宽度功能

   <div class="col-sm-4 col-xs-4" >

这会根据设备尺寸提供自定义宽度。而不是默认情况下将列堆叠起来，只需使用它

   <div class="col-md-4"> 

而不是 xs(xtra small) 和 sm(small size)，默认使用 medium size，bootstrap 将完成剩下的工作。
另一件事是，您的列(4 和 8)也有两种不同的大小， View 会不规则。
还有一件事，如果您想继续使用自定义列的大小而不是我的方法，请记住这一点:xs-4 与 sm-4 不同