2013-11-28 50 views
0

使用Bootstrap 3 Jumbotron示例,当在iPad(肖像)上查看时,某种程度上,Jumbotron变得太宽而超出视口。只有几个像素,这是真的,但仍然如此。在横向或iPhone上进行查看时,纵向或横向都不会发生这种情况。Twitter Bootstrap肖像上的Jumbotron问题

我以为我已经搞砸了CSS,但实际上这也发生在引导正式例如:http://getbootstrap.com/examples/jumbotron/

任何想法可以做些什么来解决这个问题?

+0

你可以给一些代码吗? –

+0

该代码位于twitter提供的示例中:http://getbootstrap.com/examples/jumbotron/发生在那里的相同问题发生在我的页面上。 – rlcabral

+0

对不起,没有注意到 –

回答

1

问题是,.jumbotronpadding: 30px;它与width: 750px;结合.container加起来810px。 iPad显然有点太宽了。

一种解决方法是这样的添加规则,你的CSS:

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

编辑:原来已经有在Github上关于这个bug报告:https://github.com/twbs/bootstrap/issues/11390 - 对于同时上面的代码应该修复它。

+0

是的,那修好了。 – rlcabral