2013-11-25 56 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} 

這是否涵蓋它?