Bootstrap主容器比其他的更寬

Question

我在整個bootstrap框架中仍然是新手，我很喜歡它，但我正在尋找一些幫助和指導。這裏列出了正在發生的事情，我希望能得到一些幫助。

1. 當你來到網站時，我遇到的第一個問題是主容器和頁腳比菜單寬。這就是說，我也有一個來自FB頁面的實時信息，不會根據屏幕大小調整大小。

2. 當您調整屏幕大小或在移動設備上查看屏幕並訪問各部和章程時，會出現一個二級菜單，當您選擇該項目時它不會自動關閉。

3. 同樣在這些頁面上有懸停狀態時，它將完全穿過屏幕。

我想事先感謝您的幫助。如果出現問題以及如何糾正，我也會提出建議。

該網站是www.risenkings.com

Answer 1

1. 你必須設置一個寬度你的菜單，使其與您的主容器和頁腳中。我假設他們或者不同，或者包含菜單的div具有填充，這樣可以使菜單不再向左和向右延伸。沒有任何代碼很難看到。

2. 這是代表Facebook的糟糕文檔。嵌入新鮮飼料時，根據其文檔指定寬度爲data-width="100%")：https://developers.facebook.com/docs/plugins/comments。

而且，它添加到您的最後一個CSS文件的末尾被鏈接：

.fb-comments, .fb-comments iframe[style], .fb-comments span { 
    width: 100% !important; 
} 

我不知道你的意思在這裏。你指的是什麼？

這應該讓你開始修復前兩點。我需要更多信息來幫助更多。