Html 引导上的下拉菜单未调整到新的导航栏高度

通过更改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文件，无法确定是什么导致了这种情况，也无法确定如何修复它

从下载引导程序时，您可以对其进行自定义，在那里您可以将导航栏高度从50px更改为63px。链接到它的所有其他功能都会自动更改，工作正常，包括您的下拉列表

---

以下是您需要的url:。最好是直接从他们的网站生成引导，而不是像你那样在本地编辑。也不建议编辑

bootstrap.js

或

bootstrap.css

；相反，您应该使用单独的文件覆盖引导文件，例如

mystyle.css

或

myscript.js

在引导文件之后需要加载的开关。

好的，我自己解决了这个问题。我不得不稍微改变线的高度。为此，请将引导文件更改为以下内容：

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 40px; /* <<< CHANGE LINE HEIGHT */
 /* your code will probably require a slightly different change to line height,
   basically, line height will need to be about 20-22px less than
   your navbar's height  */
 }

.navbar nav>li>a{
填充顶部：10px；
垫底：10px；
行高：40px；/*你能给我们一个链接吗？有时候是外部因素影响了这样的菜单，谢谢！创建一个JSFIDLE或发布一些代码。如果是FIDLE更好