调整导航栏+页脚大小时出现故障

Question

我正在开发的网站上遇到问题：当我将窗口重新调整为低于1170px的水平分辨率时，导航栏和页脚都会在页面右侧创建间隙。 这也发生在移动浏览器上（当放大导航栏向右移动使最后一个对象无法访问时）。 你能帮助我解决这个问题吗？

HTML：http://pastebin.com/nTW3MrEr CSS：http://pastebin.com/v1TDiK6J 页脚问题（窗口调整大小，英雄单位/导航栏/内容很好，但页脚仍然出现故障，我已经放了一些文字来更好地理解问题：

Answer 1

网站的问题是因为min-width：1100px设置为hero-unit，宽度：1170px设置为div #corpo。由于您使用容器类来包装内容，因此在bootstrap响应式css中宽度已经是1170px，因此无需在那里设置它。

另外，要重新排列布局以使其正确可见，您可以为页面的特定部分编写媒体查询。 在平板电脑视图的页面上，导航和页眉之间有一个较大的上边距，因此您可以按如下方式排列它们：

/* Landscape phone to portrait tablet */
   @media (max-width: 767px) {
     .navbar-fixed-top{
        margin-top:5px;
             }
     .page-header{
          margin-top:5px;
           }
      }

/* Landscape phones and down */
   @media (max-width: 480px) {
          .navbar-fixed-top{
        margin-top:5px;
             }
     .page-header{
          margin-top:5px;
           }

       }