2013-10-02 25 views

回答

1

您正在使用类container-fluid这本身你的跨度提供的20像素的左填充。 所以,要解决它。 做一些下列步骤:

  • 从跨度删除margin-left : -16px
  • 删除pading-left : 20pxcontainer-fluid或覆盖它与padding-left: 0px
+0

这个工作一点点,增加了大小。仍然有差距 – juphi

+0

最后,您可以尝试将span9的宽度更改为77%(宽度:77%)。 –

0

您可以使用boostrap的spanX类,它们的存在必须与网格成比例。 在你的情况下,我不会使用它,并添加我自己的类逻辑。

不过,如果你想定制span3和span9类,你可以做到这一点:

.row-fluid .span3, 
.row-fluid .span9 { 
    margin-left: 0; 
} 

.row-fluid .span3 { 
    width: 25%; 
} 

.row-fluid .span9 { 
    width: 75%; 
} 

注意,它会修改.row流体内部的所有span3和span9。 我不会推荐使用它。

0

删除.container-fluid { padding-right: 20px;}它会解决你的问题

+0

这没有工作 – juphi