Twitter Bootstrap肖像上的Jumbotron問題

使用Bootstrap 3 Jumbotron示例，當在iPad（肖像）上查看時，某種程度上，Jumbotron變得太寬而超出視口。只有幾個像素，這是真的，但仍然如此。在橫向或iPhone上進行查看時，縱向或橫向都不會發生這種情況。Twitter Bootstrap肖像上的Jumbotron問題

我以爲我已經搞砸了CSS，但實際上這也發生在引導正式例如：http://getbootstrap.com/examples/jumbotron/

任何想法可以做些什麼來解決這個問題？

2013-11-28 rlcabral

你可以給一些代碼嗎？ –

該代碼位於twitter提供的示例中：http://getbootstrap.com/examples/jumbotron/發生在那裏的相同問題發生在我的頁面上。 – rlcabral

對不起，沒有注意到 –

問題是，.jumbotron有padding: 30px;它與width: 750px;結合.container加起來810px。 iPad顯然有點太寬了。

一種解決方法是這樣的添加規則，你的CSS：

.jumbotron .container{ 
    max-width:750px; 
    width: auto; 
}

編輯：原來已經有在Github上關於這個bug報告：https://github.com/twbs/bootstrap/issues/11390 - 對於同時上面的代碼應該修復它。

2013-11-28 19:13:04

是的，那修好了。 – rlcabral

回答