BootStrap調整navBar高度

Question

在這個引導示例navbar-default，我無法調整高度。這個高度很大。如何調整與引導類的？

例如：

<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

爲引導具有類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>