Question

我试图在网页上使用大部分bootstrap，我想增加Navbar的元素。有没有人建议我怎么做？

    .navbar {
  min-height:100px;
}

当我这样做时，可点击元素的大小保持不变。

任何建议扩大规模吗？

谢谢你的帮助

Answer 1

仅通过增加导航栏的高度，无法增加内部元素的大小。

你必须这样做 -

或者像这样

.navbar .navbar-nav > li > a {
line-height: 45px;
 }

Answer 2

也许：

.navbar {
  min-height: 200px !important;
  height: 200px !important;
  max-height: 200px !important;
}

or

.navbar {
  min-height: 200px !important;
  height: 200px !important;
  max-height: 200px !important;  
  overflow: hidden;
}

Answer 3

您不能通过css直接定位父元素来增加 Bootstrap 中navbar的大小。

为了增加navbar的高度，您必须增加子项> li > a的大小。请记住，孩子们已经有15px的垂直填充。

.navbar .navbar-nav > li > a {height: 100px; //Whatever you are targetting}

如何增加Navbar的高度

3 个答案: