css - 当浏览器在 Bootstrap 上缩小到移动大小时，右边距很大

Question

对于这个问题中缺少代码示例，我深表歉意，但我什至不知道该放什么。如果您访问此页面：

您会注意到，如果将浏览器窗口的大小调整为移动设备大小，页面右侧会出现较大的白边。

我似乎无法弄清楚为什么会这样。有任何想法吗？

score 2 · Accepted Answer

它来自这个填充：

 @media (max-width: 767px){
    body {
        padding-right: 20px;
        padding-left: 20px;
    }
 }

回应您的评论：（试试这个）

 @media (max-width: 767px){
    .navbar {
       padding:0 20px;
    } 
 }

score 1 · Accepted Answer

在 bootstrap-responsive.css 中，在较小的窗口尺寸下，主体在左侧和右侧获得 20 像素的填充。如果您根本不想这样做，请将其从您的版本中删除。它位于第 803 行，如下所示：

@media (max-width: 767px) {
  /*body { These are the lines you want to remove
    padding-right: 20px; 
    padding-left: 20px;
  }*/

如果您只想删除某个元素或类上的空白，请将这些边距添加到其中：

 margin-left:-20px;
 margin-right:-20px;

2 回答 2