如何在引导程序中更改导航栏高度? (包含链接)

问题描述:

我在学习基本的HTML,CSS和PHP。为了测试我的技能,我做了最简单的任务并尝试创造新的东西。我一直在试图改变这个Bootstrap模板的高度,但似乎没有任何工作。任何帮助将不胜感激。如何在引导程序中更改导航栏高度? (包含链接)

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

+4

欢迎的StackOverflow!不幸的是,你只链接到一个主题的文档。为了让我们更好地为您提供帮助,请更新您的问题,以便在[最小,完整和可验证的示例](http://stackoverflow.com/help/mcve)中显示所有**代码。如果您能让我们知道您迄今为止已经尝试解决您的问题,也会有所帮助。有关更多信息,请参阅[帮助文章](http://stackoverflow.com/help/how-to-ask),了解如何提出良好的问题:) –

改变自举高度通常是没有必要的,因为所有的项目高度将调整全自动新内容时被添加。如果您想为某些对象添加自定义高度,只需在样式表中添加一些自定义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; 
}