Question

在这个引导程序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

希望它有所帮助。

Answer 2

您是否正在放置或标记。这些直接获取属性以及variopus类的使用。例如，尝试这个 -

<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
<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> </header>

BootStrap调整navBar高度

2 个答案: