Question

我正在尝试使用Twitter Bootstrap实现某些功能，但我不知道该怎么做，如果可行的话（很确定它是，只需知道如何：p）。

基本上我想要的是当我全屏时我的布局是四列布局。

当我将屏幕调整为较小的宽度时，布局应转换为两列布局。

最后在手机大小的屏幕上，有一个列的布局。

对于手机，这不是问题，因为当屏幕大小介于手机和平板电脑之间时，知道twitter引导程序会堆叠所有列。

问题出在窗户和平板电脑布局上。

假设我这样做：

    <div class="container">
        <div class="row">
            <div class="span3">test</div>
            <div class="span3">test2</div>
            <div class="span3">test3</div>
            <div class="span3">test4</div>
        </div>
    </div>

然后我有一个四列布局，直到我调整到手机大小并且div被堆叠（当我使用bootstrap响应时）。

我不知道我是否清楚自己。

但如果有人理解我，并且可以提供帮助，我很乐意在这一点上提出所有建议！

编辑：这样的事情会很棒（但如果可能的话，请使用Twitter引导程序（我只是想使用它，所以它基本上是为了看它是如何工作的））：http://webdesignerwall.com/demo/responsive-column-grid/

由于

Answer 1

我找到了我要找的东西：stackoverflow.com/questions/15400148 /

当屏幕宽度发生变化时，twitter bootstrap布局会进行修改

1 个答案: