Twitter Bootstrap Jumbotron问题在肖像上

时间:2013-11-28 17:04:32

标签: css twitter-bootstrap responsive-design

使用Bootstrap 3 Jumbotron示例,在iPad(纵向)上观看时,不知何故,Jumbotron变得过宽并超出了视口。只是几个像素,这是真的,但仍然。在横向或iPhone上观看(纵向或横向)时不会发生这种情况。

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

知道可以做些什么来解决它?

1 个答案:

答案 0 :(得分:1)

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

解决方法是在CSS中添加如下规则:

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

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