Twitter的引导：怎么不能扩展767px下单排柱(Twitter Bootstrap: how

因为你已经知道Twitter的引导尺度每个跨度* 100％的宽度，如果你是767px及以下。所以，举例来说，如果我们有768px以上两列：

<div class="row">
    <div class="span6">Column 1</div>
    <div class="span6">Column 2</div>
</div>

这是结果：

| column 1 | column 2 | <- desktops

在767px及以下，他们会崩溃到：

| column 1 |   <- tablets, mobile
| column 2 |

这就是应该是。
但是......怎么又是你的方法，如果你想这种行为对于行，而不是别人呢？
如何留下了两个（或多个）列，即使在767px？

<div class="row">
    <div class="span6">Column 1</div>
    <div class="span6">Column 2</div>
</div>

<div class="special row">
    <div class="span6">Column 1</div>
    <div class="span6">Column 2</div>
</div>

| column 1 | column 2 | <- desktops
| column 1 | column 2 | 

| column 1 |   <- tablets, mobile
| column 2 |
| c1 |  c2 |

我真的很好奇。

在我们等待，看看这个被打上重复我搬到这一个答案。

要获得移动/平板电脑的环境你将需要添加另一组类的元素，以及在你的CSS一些额外的规则范围内保持了两列。

默认情况下，所有的元素堆在移动，因为线性版本是我们所期待的。如果检查出http://foundation.zurb.com/docs/grid.php你可以看到，Zurb也创造了另外一套基于4列移动网格样式。通过增加这些额外的类，它允许您控制列占据1/3 1/2 2/3宽度。

我编写了一个基本的例子供你使用- > http://playground.responsivedesign.is/twitter-bootstrap/ ，但下面是详细信息。

这是你会添加到您的HTML标记（附加.mobile-*类）

 <div class="span4 mobile-one">...</div>
 <div class="span8 mobile-three">...</div>

要么

 <div class="span6 mobile-two">...</div>
 <div class="span6 mobile-two">...</div>

而这需要添加的CSS是..

.row-fluid .mobile-one {
  width: 31.491712707182323%;
  *width: 31.43852121782062%;
}

.row-fluid .mobile-three {
  width: 65.74585635359117%;
  *width: 65.69266486422946%;
}

.row-fluid .mobile-two {
  width: 48.61878453038674%;
  *width: 48.56559304102504%;
}

.row-fluid .mobile-one,
.row-fluid .mobile-two,
.row-fluid .mobile-three {
  float:left;
  margin-left: 2.7624309392265194%;
  *margin-left: 2.709239449864817%;
}

你还问是否也将与合作.row使用，而不是.fluid-row 。它可以做，但有附带的一些规则.fluid-row被级联，所以你需要做更多的试验和错误的工作。我的官方立场是重新考虑你的理由基于像素的静态布局（虽然响应与@media），并与流体布局走。