css - Twitter Bootstrap Jumbotron 肖像问题

Question

使用 Bootstrap 3 Jumbotron 示例，在 iPad(纵向)上查看时，不知何故 Jumbotron 变得太宽并超出了视口(viewport)。确实只有几个像素，但仍然如此。在横向或 iPhone 上查看时，无论是纵向还是横向，都不会发生这种情况。

我以为我搞砸了 CSS，但事实证明这也发生在 Bootstrap 官方示例上:http://getbootstrap.com/examples/jumbotron/

知道如何修复它吗？

Answer 1

问题是 .jumbotron 有 padding: 30px; 与 .container< 的 width: 750px; 相结合 加起来为 810px。这对于 iPad 来说显然有点太宽了。

解决方法是在您的 CSS 中添加这样的规则:

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

编辑:原来在 Github 上已经有一个关于这个的错误报告:https://github.com/twbs/bootstrap/issues/11390 – 与此同时，上面的代码应该可以修复它。