Bootstrap移动导航栏切断

Question

我正在使用Bootstrap构建一个站点。出于某种原因，移动导航栏会切断“菜单”，如您所见：

我只是使用导航栏的正常Bootstrap响应代码：

<div class="navbar-wrapper">
            <div class="container">
                <div class="navbar navbar-inverse">
                    <div class="navbar-inner">
                        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">Menu</a>       
                            <div class="nav-collapse collapse">

麻烦的是，如果我添加任何类型的填充，它会为非移动导航栏添加太多填充并使其看起来很奇怪。这是否发生在其他人身上？

Answer 1

在你的theme.css文件中，你有：

.navbar-inner {
    border-radius: 0;
    margin: -20px 0; <-- *
}

*这会使您的内部导航栏脱离页面顶部。删除它或将其更改为-10px;