如何更改 bootstrap 导航栏高度？

Question

我想更改 bootstrap 中导航栏的高度。我的代码：

         <nav class="navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <div class="navbar-brand">MyDatoo</div>
        </div>
        <ul class="nav navbar-nav">
          <li><a href="#">Home</a></li>
          <li><a href="#">Page 1</a></li>
          <li><a href="#">Page 2</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
          <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
        </ul>
      </div>
    </nav>

我想更改此导航栏高度：

Answer 1

你可以添加这个css

.navbar {
    height: YOUR_SIZE !important;
}

Answer 2

.navbar {
    height: 100px !important; /*i assume your navbar size 100px*/
}

如果您使用移动设备

@media only screen and (min-width: 600px) {
   .navbar {
    height: 100px !important; 
   }
}
@media only screen and (min-width: 768px) {
   .navbar {
    height: 120px !important; 
  } 
}

如何更改 bootstrap 导航栏高度？

How to change in bootstrap navbar height?

navbar