html - BootStrap 调整 navBar 高度

Question

在这个 Bootstrap 示例中 navbar-default ，我无法调整它的高度。这个高度很大。如何使用 Bootstrap 类调整它的大小？

例如:

<form class="navbar-form navbar-left" role="search">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Search">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

Answer 1

bootstrap 类 form-control 的默认 css 有高度和填充，所以我建议用你喜欢的高度覆盖它。给文本框和按钮一个你想要的类。

.someclass { 
   height: auto !important;
   padding: 5px; //manipulate this
}

或

.someclass { 
   height: 20px !important; //manipulate this
}

参见示例 here

希望对您有所帮助。