Html 引导3导航栏菜单项对齐

地点：

我有一个导航栏，由于中间有徽标，所以尺寸增大了。徽标有一个-margin值，使其与底部边框对齐（我知道它超出了几像素）。我想做的是在不增加导航栏大小的情况下向下移动文本，这样它看起来在导航栏中更居中。目前，我已经尝试使用margin/padding.line-height，我能想到的任何东西都只会移动文本，但没有任何效果。如果有人能帮我整理一下，那就太棒了

谢谢

（导航栏html）

---

我试着输入每一个相关的代码。抱歉，因为css文件目前乱七八糟。

尝试将此添加到css中：

.navbar-nav>li{
 padding: 20px 0;
} 
.navbar-nav>li.logo{
 padding: 0
};

这应该可以解决问题。

试试这个：

.nav-center{
  position: relative;
  top: 20px;
}
li.logo {
  position: relative;
  bottom: 22px;
}

---

这很好用，谢谢。我一定是在尝试添加填充时使用了错误的类。

.navbar-nav>li{
 padding: 20px 0;
} 
.navbar-nav>li.logo{
 padding: 0
};

.nav-center{
  position: relative;
  top: 20px;
}
li.logo {
  position: relative;
  bottom: 22px;
}