Twitter bootstrap 3 引导导航栏背景图像在小分辨率下重复问题

我有这个问题与BS导航栏与背景图像。尽管我设置了

backgroundrepeat:repeat-x

在我的CSS中，bgimage仍然显示在下拉菜单的第一个链接上。以下是CSS：

.paanavi {
    background-image: url(../../kuvat/bg_navi.png);
    background-repeat: repeat-x;
    background-color: F9B03A;
    border: 0px;
    margin: 0px;
    padding: 0px;
    height: 50px;
}

.container-fluid > .navbar-collapse, 
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
    height: auto;
    background-image: url(../../kuvat/bg_navi.png);
    background-repeat: repeat-x;
    background-color: #F9B03A;
}

下面是它在“移动分辨率”上的外观：

---

我如何解决这个问题？

好问题！您可以添加相应的html部分吗？这样人们可能会帮你更容易，你可能会得到更好的答案。试试媒体查询，给背景一个最大高度。好问题！您可以添加相应的html部分吗？这样，人们可能会帮助您更轻松，您可能会收到更好的答案。请尝试媒体查询，并为背景设置最大高度。