使链接的高度与Bootstrap 4中导航栏内的可用高度相同

时间:2018-04-19 10:15:01

标签: css twitter-bootstrap bootstrap-4

我有navbar

<nav class="navbar navbar-light bg-light">
  <span class="navbar-brand mb-0 h1">Brand</span>
  <a>I wanna grow</a>
</nav>

我想让navbar内的链接增长以填充可用高度(蓝色区域的高度):

available area

为什么this code不起作用?我怎样才能使它发挥作用?

1 个答案:

答案 0 :(得分:0)

为了使锚标记上的百分比值有效,需要明确设置导航栏的父高度。

尝试以下方面的内容:

.navbar{ height: 100px; }

此规则的唯一例外是文件根元素<html>,其中高度可以隐式计算出来。