html - Bootstrap 上的下拉菜单未调整到新的导航栏高度

Question

我通过更改 bootstrap.css 文件中的一行，将我网站的导航栏大小从 50px 更改为 63px。我以前这样做的代码如下:

.navbar {
     position: relative;
     min-height: 63px; /* Changing this from 50px to 63px to fit logo **NOTE TO SELF**/
     margin-bottom: 20px;
     border: 1px solid transparent;
}

它工作正常。到目前为止，一切都很好。

但是，我的导航栏上有一个下拉菜单，这是我遇到问题的地方。当用户单击下拉菜单时，它会按预期工作，只是下拉的高度不正确。它只下降了正常的 50 像素，而不是下降了 63 像素。

这是问题的图片:

关于如何解决这个问题有什么建议吗？我搜索了 Bootstrap.css 文件，但无法确定是什么原因造成的或如何修复它。

Answer 1

当您从 the website 下载 Bootstrap 时您可以自定义它，在那里您可以将导航栏高度从 50 像素更改为 63 像素。链接到它的所有其他功能都会自动更改并正常工作，包括您的下拉菜单。

这是您需要的网址:http://getbootstrap.com/customize/#navbar .最好直接从他们的网站生成您的 Bootstrap ，而不是像您那样在本地编辑它。也不建议编辑 bootstrap.js 或 bootstrap.css；相反，您应该使用单独的文件覆盖 Bootstrap 文件，例如 mystyle.css 或 myscript.js 您需要在 Bootstrap 文件之后加载。