堆叠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(小尺寸),默认使用中等大小,bootstrap将完成剩下的工作.另外,您的列(4和8)也有两种不同的大小,视图将是不规则的.另外,如果你想继续使用列的自定义大小而不是我的方法,请记住:xs-4与sm-4不同