如何更改 bootstrap 中的导航栏高度？（包括Link）

Question

我正在学习基础 HTML、CSS 和 PHP。为了测试我的技能，我会做最简单的任务并尝试创造新的东西。我一直在尝试更改此 Bootstrap 模板的高度，但似乎没有任何效果。任何帮助将不胜感激。

Link: http://demo.themeineed.com/free-dashboard-template/klorofil/elements.html

Answer 1

编辑您的 custom.css 页面并更改数值

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

Answer 2

通常不需要更改 bootstrap 中的高度，因为添加新内容时所有项目的高度都会自动调整。如果您确实想为某些对象添加自定义高度，您可以通过简单地向您的样式表添加一些自定义 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>

如何更改 bootstrap 中的导航栏高度？ （包括Link）

How do I change the navbar height in bootstrap? (Link included)

css

height

navbar

如何更改 bootstrap 中的导航栏高度？（包括Link）