Twitter Bootstrap 3.0比窗口寬

我正在擺弄Twitter Bootstrap，注意到我的.row比屏幕更寬。Twitter Bootstrap 3.0比窗口寬

這裏是example

當引導3.0出來後我沒有經歷過這一點。

在右側額外的空間來自margin-right: -15px;

我在這個閃耀了幾個小時，而又不使原因或任何進展如何，我欺騙自己和搜索沒有幫助的。

我敢肯定我很想念這個明顯的問題。我想了解爲什麼超出窗口寬度（強制滾動條）以及如何避免它的空間。我認爲一行將匹配100％

正確的解margin: 0 -15px;（https://getbootstrap.com/docs/3.3/css/#grid-example-fluid）是使用container-fluid類對周圍的div：

<div class="container-fluid"> 
    <div class="row"> 
    Content 
    </div> 
</div>

2014-05-12 18:41:54 Ben

是的，錯誤不能再複製，因爲.container流體已被添加。這是現在正確的答案，所以我已經改變了你接受的答案。+1 –

這不會**工作，如果你把一些列內。 'bootstrap 3.2.0'，[Anes's answer]（http://stackoverflow.com/a/24028831/3744681）爲我工作。 – Jahid

非常感謝！我花了很長時間才弄清楚這一點。 – Schylar

您的行需要放在一個div中，應用了容器類。

例如

<div class="container"> 
    <div class="row"> 
     Content 
    </div> 
</div>

2013-10-27 01:00:20

你好謝謝。據我所知。容器的目的是集中東西。沒有它，我會預計一行是100％的寬度？我需要製造客戶集裝箱嗎？ –

編輯>>

這是以前接受的答案。如果有人使用舊版本的網站，則無法刪除。

編輯< <

這是一個錯誤

這似乎已經要鬆開了一段時間。也許在3.1中適當的修復。

最好的建議似乎是"overflow-x: hiddenbody元素。

除此之外，他們增加/澄清一些它在這個commit

特別是這條線「的人找創建充分流動佈局（這意味着你的網站綿延視口的整個寬度）必須包裹其格內容在含元件與padding: 0 15px;以抵消用在.row「

2013-10-27 01:35:21

我固定它通過只從在自舉.row除去利潤率左&餘量 - 右和也通過設置它的寬度爲100％

2014-06-04 04:07:22 Anees

歡迎來到Stack Overflow。你如何回答對接受的答案的改進？ –

問題是，刪除邊緣左/右完全摧毀完全bootstrap的建築基石之一.... – dudewad

接受的答案是行不通的。但是，這似乎是真正的答案。 –

回答