Javascript 引导CSS菜单框类型问题

我正在做一个网站在引导和无法实现制作一个简单的菜单

我想做这样的东西：

到目前为止，我已经做到了这一点：

我试过了，但无法使我的CSS正常工作

以下是我的CSS代码：

.navbar-nav li a {
    height: 90px;
    line-height: 60px;
    margin: 0 10px;
    background-color: #f1f1f1;
    font-size: 1.1em;
    border-radius: 10px;
}

任何帮助都将不胜感激。

检查这把小提琴

要调整按钮的外观，请使用

.nav>li>a

的填充，这是BS默认的css类。默认填充值设置为

padding:10px 15px

您还需要删除.navbar nav li类中的高度。正是这个类使您的按钮如此大，以至于您也不需要线条高度

检查这把小提琴

要调整按钮的外观，请使用

.nav>li>a

的填充，这是BS默认的css类。默认填充值设置为

padding:10px 15px

---

您还需要删除.navbar nav li类中的高度。正是这个类使您的按钮如此大，以至于您也不需要线条高度

你能发布你的HTML语法吗？记住，如果你想显示像上面第一张图片那样的东西。你必须使用两个不同的类。实现这一点最常用的方法是在您希望具有边框的项目上添加css类（通常称为“活动”）。是否可以发布HTML语法。请记住，如果您希望显示类似上面第一幅图像的内容。你必须使用两个不同的类。实现这一点最常见的方法是在您想要具有边框的项目上添加css类（通常称为“活动”）。