html - 无法使用 bootstrap.css 更改导航栏的高度

Question

我花了一个下午的时间来搜索我的问题的答案。我仍然受阻。我无法在我的 /dist/css/bootstrap.css 文件中更改导航栏的高度。 我找到了很多关于这个问题的话题，但其中任何一个都让我解决了我的问题。

我觉得我在 bootstrap.css 中所做的任何修改都没有任何作用。但是当我试图在我的 index.php 中保留包含 bootstrap 的脚本时，这会产生重大影响，所以我知道 bootstrap 已成功加载。 然后我尝试修改 bootstrap.css 中的一些行以测试效果:

.navbar-nav > li > a, .navbar-brand {
    padding-top:4px !important; 
    padding-bottom:0 !important;
    height: 28px;
}
.navbar {min-height:28px !important;}

我改变了高度值。

我在 html 代码中使用的 div 类:

 <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.php">Medieval Fields</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">

我在脑海中加载的内容:

<link href="../bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

Answer 1

CSS。

使用 C。首字母缩略词的 Cascading 部分指的是在 Bootstrap 之后链接另一个样式表将覆盖 Bootstrap 值。

正如 Abhitalks 指出的那样。抱歉刚刚看到。