Javascript Bootstrap navbar品牌can'；t将文本放在两行上，并做出响应

我已经设计了一个响应性很强的引导页面，但是当我试图在开始（导航栏）使用代码时，我遇到了麻烦。我在“a.navbar-brand”中放置了两行文字，但它不会垂直居中，也不会响应。当我在寻找答案的时候，似乎没有人在某种程度上认为它对我有用。我在寻找一个答案，它不是用填充物和边距，而是用一些响应代码。请告诉我怎么做

以下是我的.png版本的导航栏：

下面是我的代码：

切换导航

查看我的

有三件事对你来说是不正确的：

您的

navbar品牌

的线条高度是1，这是导致该问题的原因 在顶部对齐

为菜单中的每个

元素设置增加的填充

始终编写较短的代码。您不需要从根目录编写CSS规则 元素。到父元素就足够了

---

这是一个你想要第一张图片中的菜单吗？当然。对不起，时间安排不好。有没有办法让这个菜单的高度达到100px，而不需要使用填充物？我的意思是，我正在寻找一种替代方法（以响应），因为如果我想将字体大小的查询设置为更小，那么我必须更改所有填充和内容。默认情况下，填充在引导中，我只是增加了它。您可以使用移动设备的媒体查询来获取填充规则。