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

Question

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

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

Answer 1

该网站的问题是因为 min-width:1100px 设置为 hero-unit 和 width:1170px 设置为 div #corpo。由于您使用容器类来包装您的内容，因此在引导响应 css 中，宽度已经是 1170 像素，因此无需在此处设置。

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

/* 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;
           }

       }