Html “引导4切换菜单”；下拉列表“；（仅在移动视图中）

我有一个简单的导航栏在我的网站顶部，只有两个链接。当视图变为移动（平板电脑和/或移动）时，这些链接将消失，菜单“汉堡包”图标将显示。但是，当我单击它时，什么也不显示。我希望在单击菜单图标时显示我的两个链接

/*注册导航栏*/
.注册导航栏{
背景色：#8ABE57；
高度：45px；
}
.注册navbar ul li a{
颜色：#ffffff；
字号：0.8em；
}
.注册导航栏ul li a：悬停{
颜色：#31353D；
}
.navbar dark，
.导航杆切换器{
边界：无；
颜色：rgba（255，255，255，0）；
}

从.registration导航栏中删除高度：45px，这将解决问题

/* Registration Navbar */

.registration-navbar {
  background-color: #8ABE57;
}

.registration-navbar ul li a {
  color: #ffffff;
  font-size: 0.8em;
}

.registration-navbar ul li a:hover {
  color: #31353D;
}

.navbar-dark,
.navbar-toggler {
  border: none;
  color: rgba(255, 255, 255, 0);
}