如何删除填充/边距并使div占据所有空间？

Question

这个问题听起来有点......愚蠢。但我有点卡住了。

我正在使用Twitter Bootstrap。我的测试代码：

<div class="container-fluid"> 
    <div class="row-fluid"> 
      <div class="span3" style="background:#eee; border:1px solid blue;"> 

      <ul class="nav nav-list"> 
      <!-- List contents --> 
      </ul> 

      </div><!--/span--> 
      <div class="span9" style='background:#fff; padding-left:10px; border:1px solid red'> 
       <div class="hero-unit"> 
         <h1>Hello, world!</h1> 
         <p>This is a template for a simple marketing or informational website...</p> 
         <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p> 
       </div> 
       <div class="row-fluid"> 
        <!-- The content --> 

       </div><!--/row--> 
     </div> 
    </div> 
</div> 

这是什么样子（我用彩色边框向您展示其中每个2周的div是）：

现在，我的问题是：

有什么办法可以让第二个红色边框的div占据整个最右边的列（没有任何边距），以便最终结果看起来像就像：

• 左侧的控制面板（具有与该灰度杂交背景一整列）
• 最右侧的右侧（占据所有的剩余空间的div，用白色背景）

Answer 1

我对twitter bootstrap没有太多经验，但我假设答案是查看您的'行流体'类的css属性并检查边距和宽度。

margin：0 auto;如果^为真，宽度= 50％，则将删除任何边距（div外侧周围的空间）并将其居中在容器中

。 （如果你打算并排）

希望有帮助！