Twitter bootstrap 引导响应：如何修复非响应元素？

我已经使用嵌套流体网格在twitter引导中启用了响应功能。在小型移动设备上查看时，每个跨距都是堆叠的。但是，我希望保持“maincontent”未加标记，并以水平布局显示。我试过显示：内联块；和最小宽度，但都不起作用。有什么建议吗？多谢各位

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span9" id="maincontent">
      <div class="container-fluid">
       <div class="row-fluid">
         <div class="span2">2</div>
         <div class="span8">8</div>
         <div class="span2">2</div>
       </div>
      </div>
    </div>
    <div class="span3" id="sidebar">
      <!-- sidebar elements go here -->
    </div>
  </div>
</div>

2.
8.
2.

试一试这样的东西：

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span9" id="maincontent">
            <div class="row">
                <div class="span2" style="float: left; width: 15%;">2</div>
                <div class="span8" style="float: left; width: 65%;">8</div>
                <div class="span2" style="float: left; width: 15%;">2</div>
            </div>
        </div>
        <div class="span3" id="sidebar">
            <!-- sidebar elements go here -->
            sidebar
        </div>
    </div>
</div>

2.
8.
2.
边栏

您将需要调整和使用%以满足您的需要，并最终将这些内联样式移到样式表中。你可能需要打耳光！重要的是要防止它们被fluid twitter引导类覆盖。它们与您的设置堆叠的原因是流体样式取代了您使用的非流体容器/行类，并将其更改为float:none，width:100%；显示：块divs