html - 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；