如何更改引导程序中的导航栏高度？ （包括链接）

Question

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

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

Answer 1

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

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

Answer 2

通常不需要改变引导程序中的高度，因为添加新内容时将自动调整所有项目高度。如果您确实想要为某些对象添加自定义高度，只需在样式表中添加一些自定义CSS即可。

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

完整的简单示例

＆＃13;

＆＃13;

div.example {
background-color: green
}

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

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;