如何在引导程序中更改导航栏高度? (包含链接)
问题描述:
我在学习基本的HTML,CSS和PHP。为了测试我的技能,我做了最简单的任务并尝试创造新的东西。我一直在试图改变这个Bootstrap模板的高度,但似乎没有任何工作。任何帮助将不胜感激。如何在引导程序中更改导航栏高度? (包含链接)
链接:http://demo.themeineed.com/free-dashboard-template/klorofil/elements.html
答
改变自举高度通常是没有必要的,因为所有的项目高度将调整全自动新内容时被添加。如果您想为某些对象添加自定义高度,只需在样式表中添加一些自定义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>
答
编辑您的custom.css页面修改数值
.navbar-inner {
min-height: 40px;
}
欢迎的StackOverflow!不幸的是,你只链接到一个主题的文档。为了让我们更好地为您提供帮助,请更新您的问题,以便在[最小,完整和可验证的示例](http://stackoverflow.com/help/mcve)中显示所有**代码。如果您能让我们知道您迄今为止已经尝试解决您的问题,也会有所帮助。有关更多信息,请参阅[帮助文章](http://stackoverflow.com/help/how-to-ask),了解如何提出良好的问题:) –