Css 引导:如何使列包装@1024px

Css 引导:如何使列包装@1024px,css,twitter-bootstrap,Css,Twitter Bootstrap,如何使列以1024px的速度换行?因为,(@1024px)页面的响应速度很快,但“延展性”很难看 在基本层面上,您可以: 当然是这样。这是编译后的版本: [class*="span"], .row-fluid [class*="span"] { -moz-box-sizing: border-box; display: block; float: none; margin-left: 0; width: 100%; } 下面是一个小片段,它开始了复制的任

如何使列以1024px的速度换行?因为,(@1024px)页面的响应速度很快,但“延展性”很难看

在基本层面上,您可以:

当然是这样。这是编译后的版本:

[class*="span"], .row-fluid [class*="span"] {
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    margin-left: 0;
    width: 100%;
}
下面是一个小片段,它开始了复制的任务:

@media all and (min-width: 1000px) {
    [class*="span"], .row-fluid [class*="span"] {
        width: 100%;
    }
}


还有一个,可能也会有帮助。如果你用更少的资源来实现这一点,我相信它也会更简单,而不是纯CSS。

嵌入的结果是:我不想打断你,但你的页面在Chrome上根本无法正确加载。页面的顶部根本看不见(只能看到大约一半的箭头和下面的箭头)。另外,你想做什么?如果您不想要列,为什么不使用
span6、span3和span3
?或者你想要一个
最大宽度
,这样列的宽度就不会增加了?@Jared Farrish Thx回答。1.我只装了那一排。如果这就是你所说的“断开”的意思,我只是在隔离我希望uto更新的代码。2.我想要的是1024px。。。i、 e.在景观中移动(点燃火焰等),柱子应堆叠。就像他们在更小的屏幕上所做的那样。@Jared Farrish,根据我的编码(只有一行),在我看来,chrome(win7/64,chrome版本22.0.1229.79 m)是正确的,我明白了;您希望它响应,然后以一定的大小恢复。嗯。(我也有同样的设置,Win7 64和Chrome版本22.0.1229.79。如果这不是你的完整代码,我就不会担心了。)它可以工作!先生,你是一位绅士,一位学者:)是的,是的。。。我不是个粉丝!谢谢你的帮助。
@media all and (min-width: 1000px) {
    [class*="span"], .row-fluid [class*="span"] {
        width: 100%;
    }
}