2013-11-25 28 views
0

我有Twitter Bootstrap的这种奇怪行为。我有一个全角布局,我将一行分成8:4的网格比例。Bootstrap - 默认宽度稍微向右扩展

现在,我碰巧有一点点的宽度被扩展到右边,导致水平滚动条出现。扩展位只是20px左右,但我似乎无法找到它来自哪里。

我试图设置任何可能的填充为0px到我的HTML和身体标记,但没有运气。

截图:

enter image description here

编辑:

一些代码,但我敢肯定你不会找到什么有趣的,很基本的代码。

HTML:

<body> 
<div class="row"> 
    <div id="left-pan" class="col-md-8"> 
    <div id="control"> 
     Lorem 
    </div> 
    </div> 
    <div id="right-pan" class="col-md-4"> 
    Lorem 
    </div> 
</div> 
<script src="js/jquery-2.0.3.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/default.js"></script> 
</body> 

CSS:

html, body { 
    background-color: darken(@slate, 10%); 
    font-family: 'Carme', sans-serif; 
    width: 100%; 
    height: 100%; 
} 

.row { 
    height: 100%; 
} 

#left-pan {} 
#right-pan {} 
+1

您可以发布您的代码吗? –

+0

已编辑,有支票。 – user2431438

+0

如果您提供了一个工作示例。理解/追踪您的问题更为贴切。 –

回答

2

我可能是错的,但使用Twitter的引导,需要您包装容器中的所有 “行” ......看到这链接这里

http://getbootstrap.com/css/#grid

我创建了一个jfiddle http://jsfiddle.net/JgPaa/4/与您的代码..note如果你删除容器,你会得到你提到的效果......滚动条..与容器......没有滚动条。现在容器将不会全宽,因为它的填充..你可以通过自定义CSS调整自己。 从引导css

container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} 

这是否涵盖它?