如何在引導程序中更改導航欄高度？ （包含鏈接）

Question

我在學習基本的HTML，CSS和PHP。爲了測試我的技能，我做了最簡單的任務並嘗試創造新的東西。我一直在試圖改變這個Bootstrap模板的高度，但似乎沒有任何工作。任何幫助將不勝感激。

鏈接：http://demo.themeineed.com/free-dashboard-template/klorofil/elements.html

Answer 1

改變自舉高度通常是沒有必要的，因爲所有的項目高度將調整全自動新內容時被添加。如果您想爲某些對象添加自定義高度，只需在樣式表中添加一些自定義CSS即可，例如

.main-content { 
    min-height: 500px; 
} 

完整簡單的例子

div.example { 
 
background-color: green 
 
} 
 

 
div.exampleHeight { 
 
background-color: yellow; 
 
height: 200px; 
 
} 
 

 
div.exampleHeightTwo { 
 
background-color: lightgrey; 
 
min-height: 100px; 
 
}

<div class="col-lg-12 example"> 
 
    <p> 
 
    Hello 
 
    </p> 
 
</div> 
 
<div class="col-lg-12 exampleHeight"> 
 
    <p> 
 
    Added normal height element 
 
    </p> 
 
</div> 
 
<div class="col-lg-12 exampleHeightTwo"> 
 
    <p> 
 
    Added minimal height element 
 
    </p> 
 
</div>

Answer 2

編輯您的custom.css頁面修改數值

.navbar-inner { 
min-height: 40px; 
}