Bootstrap背景全宽div显示不正确

Question

我为新西兰的非营利组织建立了一个网站。它基于Bootstrap 3，禁用了响应功能。它运行良好...除了外部div的背景图像在移动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

我真的很感激能够洞察我在这里做错了什么。谢谢。

Answer 1

您是否有元视口标记？

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

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