Javascript 如何覆盖引导'；s类增加导航栏高度？

目前我的导航栏大约有50像素高。我希望它在150像素左右。我试图通过在CSS文件中编写我自己的来创建添加到Bootstrap的navbar类，但是更改navbar、nav或其他任何东西的高度似乎都不会影响布局。如何更改导航栏高度？还有，字体颜色

.navbar反向{
背景色：#337ab7；
边框颜色：#337ab7；
边界半径：0px；
高度：100px；
宽度：100%；
位置：固定；
}
.navbar inverse.navbar nav>.open>a、.navbar inverse.navbar nav>.open>a:hover、.navbar inverse.navbar nav>.open>a:focus{
颜色：#fff；
背景色：#0e364c；
}
.navbar反向。navbar导航>li>a{
颜色：#ffffff；字体系列：
“开放式无衬线”，无衬线；
}
.navbar反向。navbar品牌{
颜色：#ffffff；
}
.菜单{
显示：无；
}
@介质和全部（最大宽度：768px）{
/*登录寄存器*/
@导入url(http://fonts.googleapis.com/css?family=Roboto)；

{%load static%}
你可以按你的方式编辑它，你只需要确保你的css文件是在引导文件之后加载的，而不是在引导文件之前加载，这看起来就像是正在发生的事情

这是基于假设这是您的css文件：

  <link type = "text/css" rel = "stylesheet" href= "{% static 'polls/stylesheet.css' %}" />



如果交换这两个选项，则应覆盖引导设置：

  <link type = "text/css" rel = "stylesheet" href= "{% static 'polls/stylesheet.css' %}" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

您可以按您的方式编辑它，您只需确保css文件在引导文件之后加载。而不是在引导文件之前加载，这看起来就像是正在发生的事情

这是基于假设这是您的css文件：

  <link type = "text/css" rel = "stylesheet" href= "{% static 'polls/stylesheet.css' %}" />



如果交换这两个选项，则应覆盖引导设置：

  <link type = "text/css" rel = "stylesheet" href= "{% static 'polls/stylesheet.css' %}" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

如果引导覆盖了CSS属性，则必须为已定义的CSS属性指定！important，例如

.navbar{
   height:150px !important;
}

如果引导覆盖CSS属性，则必须为已定义的CSS属性指定！important，例如

.navbar{
   height:150px !important;
}

首先你需要重新排列你的样式表。引导必须是第一位的，你的自定义css文件必须在引导之后才能覆盖它

以下是正确的顺序：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link type = "text/css" rel = "stylesheet" href= "{% static 'polls/stylesheet.css' %}" />

对于颜色，您需要以下替代：

.navbar-inverse .navbar-nav > li > a {
    color: red; /* here goes the color of your choice */
}

首先你需要重新排列你的样式表。引导必须是第一位的，你的自定义css文件必须在引导之后才能覆盖它

以下是正确的顺序：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link type = "text/css" rel = "stylesheet" href= "{% static 'polls/stylesheet.css' %}" />

对于颜色，您需要以下替代：

.navbar-inverse .navbar-nav > li > a {
    color: red; /* here goes the color of your choice */
}

对于自定义高度，必须使用！这在定义高度时非常重要

.navbar {
   min-height: 150px !important;
}

对于自定义高度，必须使用！这在定义高度时非常重要

.navbar {
   min-height: 150px !important;
}

CSS代表级联样式表。所以样式表末尾的代码基本上覆盖了前面的代码。所以我要做的是在样式表末尾（假设它包含在boostrap之后）将你的类代码放在那里。如果它仍然令人讨厌，你可以使用
！important；
，但如果它们不是必需的，我想尽量远离它们。CSS代表级联样式表。因此基本上样式表末尾的代码覆盖了前面的代码。所以我要做的是在样式表末尾（考虑到它是在你的boostrap之后包含的）将你的类代码放在那里。如果它仍然令人讨厌，你可以使用
！important；
，但如果它们不是必需的，我想尽量远离它们。