Javascript 如何使用twitter引导有选择地堆叠列

我这里有一个基于流体的模板示例：

我这里有最新的文件，唯一的定制是颜色：

基本的标记是

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span3">
      <div class="well sidebar-nav">
    Column 1
      </div><!--/.well -->
    </div><!--/span-->
    <div class="span9">
    Column 2
    </div><!--/span-->
  </div><!--/row-->
</div>

第1栏
第2栏

第2列属于第1列，关于移动设备，这是我有时想要的。但在某些情况下（特定页面），我希望这两列并排保留。我的问题是如何使用相同的js/css文件实现这一点？

这里有一种可能性：

您将看到，列不会落在class=double col的行上
CSS

由于这会将767px及以下视点上每个列的宽度重置为50%，因此这将适用于具有两列的行。对于其他组合，只需使用宽度设置即可。您可能还需要优化填充和其他样式，但现在已经足够简单了

希望这有帮助

@media (max-width: 767px){
.double-col.row-fluid [class*="span"] {
float: left;
width: 50%;

}
}