html - Twitter Bootstrap nav 折叠下拉菜单是否重叠内容？

Question

我正在为我正在构建的网站使用基于 Twitter Bootstrap 的模板（这是链接：rwphoto），但我在使用移动下拉菜单时遇到了一些问题。如果我将 navbar-inner div 更改为 194px 以适应我正在使用的重复图像的高度，它会重叠而不是向下推内容。我只是不确定为什么这是一个问题。我环顾四周，但似乎无法找到解决此问题的方法。

此外，我如何将 .brand 元素（徽标）在移动设备中居中，而不是将其放在左侧？以及如何使导航链接垂直居中，并在徽标和屏幕右边缘之间水平居中？

叹息......对不起，第一次使用Bootstrap，显然......：/

Answer 1

对于居中徽标，将此 css 代码实现到引用的类...

.container { position:relative; }    
.brand { text-align: center;    width: 97%;}

.navbar .btn-navbar {
    display: block;
    position: absolute;
    right: 0;
}

对于居中，导航链接，

.nav-collapse .nav > li > a {
    margin: 12px 0 !important;
    text-align: center;
}

对于下拉覆盖问题，添加这个，

.nav-collapse { padding-top: 1em; }