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

Question

我是 Bootstrap 的新手，我的移动 View 有一些问题:

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

现在显然移动 View 一团糟。我将解决我遇到的几个问题:

• 导航下拉菜单有效，但点击时背景不存在。
• 如何将“我们设计 IOS 应用程序”上移？我试过“拉”类，但实际上是水平拉，而不是向上拉。
• 如何为移动 View 调整不同行的高度？如您所知，服务高度(白色背景)需要延长得多，但在移动设备中却很短。

我对此很陌生，所以如果你们能帮助我，我将不胜感激。提前致谢!

Answer 1

你只需要给导航下拉菜单的背景一个background-color，就像这样:

.navHeaderCollapse {
    background-color: #222;
}

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

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

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

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

注意:

所有给定的值都只是示例，您需要根据自己的需要调整它们。使用浏览器检查器找出需要定位的选择器以及需要更改的属性。