twitter-bootstrap - 当在移动设备上查看我的 Twitter Bootstrap 网站时，两侧会添加 20 像素的装订线。我该如何阻止这个？

Question

在手机上查看我的 Twitter Bootstrap 网站时，每侧都有 20 像素的间距。这会阻止任何触及桌面边缘的内容在移动设备上出现。在移动设备上查看时，Twitter Bootstrap 主页本身没有这些间距。 http://twitter.github.com/bootstrap/

其他网站表示放置正文 {padding-left:0;padding-right:0} 会有所帮助，但这会产生另一个弄乱导航栏的问题。

有什么线索吗？

Answer 1

尝试在 Bootstrap CSS 之后的某个位置添加此 CSS:

@media (max-width: 767px) {
  body {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: 0;
    margin-left: 0;
  }
}