1

我正在尝试使用 Twitter Bootstrap 来实现某些目标，但我不确定如何去做，以及是否可能（很确定它是，只需要知道如何 :p ）。

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

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

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

对于手机来说，这不是问题，因为当屏幕尺寸介于手机和平板电脑之间时，twitter bootstrap 会堆叠所有列。

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

假设我做了这样的事情：

    <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 被堆叠（当我使用引导响应时）。

我不知道我是否说清楚了。

但是，如果有人理解我并且可以提供帮助，我很乐意接受所有关于这一点的建议！

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

谢谢

4

1 回答 1

0

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

于 2013-05-20T21:46:51.473 回答