2016-09-06 45 views
0

我正在使用Twitter Bootstrap並遇到這種奇怪的情況,在桌面上一切順利,但在三星Galaxy S5或其他類似尺寸的顯示器上(對於此特定示例,爲360 x 640或640 x 360)我得到了這個我無法擺脫的奇怪邊界。 enter image description heretwitter引導中不需要的餘量

雖然我的身體元素縮放到確切的寬度。

屏幕截圖進入Chrome瀏覽器。 的代碼是在直播:http://11784vic.bphp56.webrahost.ro/

+0

你爲什麼不設置margin-right:這個大小是0? – mkafiyan

+0

如果這就是你的建議,我在body元素上有'margin:0'。 –

+1

請勿鏈接到您的網站。相反,創建一個準系統小提琴來演示這裏在stackoverflow上的問題。 –

回答

0

你可以添加溢出:隱藏到你的身體,但在我的海洋中,你必須解決問題的根源,它來自班級行cange它col-xs-12 它可能會改變你的風格,但它是正確的方式。

+0

這似乎沒有解決這個問題,沒有'overflow-x:hidden' –

+0

aha我看到你更新你的代碼。我對嗎? – mkafiyan

+0

是的。我按照建議更新了,但沒有'overflow-x:hidden'我有同樣的問題。 –

0

只有col-lg-12在你的div類新增加col-md-12col-sm-12。這將解決您的問題。

+0

這似乎並沒有解決這個問題,沒有'overflow-x:hidden' –

+0

如果你正在使用引導類並且沒有修改任何東西,那麼你不必編寫任何額外的樣式。只要使用預定義的類,所有的都會神奇地工作。 – aavrug

+0

我沒有從Bootstrap代碼中「破解」任何東西。 –