Twitter bootstrap 是否可以使用Twitter引导程序'；s响应布局，并在收缩时继续显示2列？

当前情况

我的左栏有一个

，右栏有一个

，当它被调整到更小的尺寸（在手机或平板电脑上）时，左边的span3类将位于span9类的顶部

所需情况

我不希望它只折叠成一列，因为我希望继续拥有两列，即使它正在调整大小。如果我能在较小的屏幕尺寸（如手机/平板电脑）上以1:11的比例显示，在较大的屏幕尺寸（如笔记本电脑/显示器）上继续以3:9的比例显示，那就太好了

---

我可以知道Twitter Bootstrap的响应式设计布局是否可能达到预期的效果吗？

不，Twitter Bookstrap的响应式布局是否可能达到预期的效果

但是，这并不难解决

如果希望在上发生这种情况，则需要在元素上添加另一组类。默认情况下，所有元素都在移动设备上堆叠，因为线性版本是我们所期望的。如果您查看，您可以看到Zurb还基于4列移动网格创建了另一组样式。通过添加这些附加类，您可以控制列占据1/3 1/2 2/3全宽

如果你忽略了填充和边距，你会有类似的东西

.mobile-one {width: 25%;}
.mobile-two {width: 50%;}
.mobile-three {width: 75%;}
/* We've left this one off because it's the same style that is already applied 
.mobile-one {width: 100%;} */

然后，您可以在现有HTML中添加

 <div class="span3 mobile-one">...</div>
 <div class="span9 mobile-three">...</div>

。。。
...

或

。。。
...

编辑

---

<>我已经编了一个基本的例子，让你使用->< /P>我必须在添加HTML之前检查屏幕大小。现在你可以添加额外的HTML，直到你在适当的媒体查询中添加了额外的CSS规则，它就不会做任何事情。基础和推特引导程序不会互相冲突吗？抱歉，我想我没有把自己解释清楚。我不是建议您同时包含这两个框架，而是将您自己的CSS（.mobile one、.mobile two、.mobile three）添加到现有的引导CSS文件中，然后在需要的地方包含这些类。

 <div class="span3 mobile-two">...</div>
 <div class="span9 mobile-two">...</div>