Bootstrap新手 - 有一些移动样式问题

Question

我对Bootstrap很新，我的移动视图存在一些问题：

链接：http://bit.ly/1yYmgvI

现在显然移动视图一团糟。我会经历一些我遇到的问题：

• 导航下拉工作正常，但点击后背景不存在。
• 如何移动“我们设计IOS应用程序”？我尝试了“拉”类，但实际上它是水平拉动而不是向上拉。
• 如何调整移动视图的不同行的高度？正如你所知道的那样，服务高度（白色背景）需要延长很长时间，但移动时间很短。

我对此很陌生，所以如果你们能帮助我，我会非常感激。提前谢谢！

Answer 1

您只需将导航下拉列表的背景设为background-color，如下所示：

.navHeaderCollapse {
    background-color: #222;
}

如果您想最小化填充，以便可以移动“我们设计IOS应用程序”，您可以使用所需更改浏览器宽度的媒体查询，这会更改填充。像这样使用它：

@media (max-width: 765px) {
    .xlg-buffer {
        padding-top: 35px;
    }
}

同样适用于调整“移动视图”中不同行的高度。只需使用相应的media-query来更改高度。例如：

@media (max-width: 765px) {
    .row-services {
        height: auto;
    }
}

注意：

所有给定的值都只是示例，您需要根据自己的需要进行调整。使用browser inspector找出您需要定位的选择器以及需要更改的属性。