Bootstrap 背景全角 div 显示不正确

Bootstrap background full width divs displaying incorrectly

我为新西兰的一家非营利组织建立了一个网站。它基于禁用响应功能的 Bootstrap 3。它运行良好...除了外部 divs 的背景图像在移动 Safari 上的显示方式。 这是代码示例:

<div class="top">
    <div class="container">
        <div class="row">
            <div class="columns go here">
                <p>Content</p>
            </div>
        </div>
    </div>
</div>

.top {
    height: 47px; 
    background-color: #000;
}

但是当我使用移动版 Safari 查看网站时,包装器 div (.top) 似乎没有填满屏幕的整个宽度。

这是网站:http://betterbroadcasting.co.nz/

这是来自移动版 Safari 的屏幕截图:https://dl.dropboxusercontent.com/u/35912963/IMG_2746.PNG

如果您能深入了解我在这里可能做错了什么,我将不胜感激。谢谢。

你有元视口标签吗?

<meta name="viewport" content="width=device-width, initial-scale=1">

否则按照 this thread 中的建议尝试更改 min-width