使用Bootstrap 3 Jumbotron示例,当在iPad(肖像)上查看时,某种程度上,Jumbotron变得太宽而超出视口。只有几个像素,这是真的,但仍然如此。在横向或iPhone上进行查看时,纵向或横向都不会发生这种情况。Twitter Bootstrap肖像上的Jumbotron问题
我以为我已经搞砸了CSS,但实际上这也发生在引导正式例如:http://getbootstrap.com/examples/jumbotron/
任何想法可以做些什么来解决这个问题?
使用Bootstrap 3 Jumbotron示例,当在iPad(肖像)上查看时,某种程度上,Jumbotron变得太宽而超出视口。只有几个像素,这是真的,但仍然如此。在横向或iPhone上进行查看时,纵向或横向都不会发生这种情况。Twitter Bootstrap肖像上的Jumbotron问题
我以为我已经搞砸了CSS,但实际上这也发生在引导正式例如:http://getbootstrap.com/examples/jumbotron/
任何想法可以做些什么来解决这个问题?
问题是,.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 - 对于同时上面的代码应该修复它。
是的,那修好了。 – rlcabral
你可以给一些代码吗? –
该代码位于twitter提供的示例中:http://getbootstrap.com/examples/jumbotron/发生在那里的相同问题发生在我的页面上。 – rlcabral
对不起,没有注意到 –