Twitter bootstrap 如何在bootstrap中将文本放在navbar品牌下面？

假设我有一个bootstrap 3 navbar，其中一个navbar品牌包含文本，我如何才能在该navbar品牌的正下方添加一个小字幕？

这是一种方法：

演示：

---

HTML

 <a class="navbar-brand" href="#">Project name<small>Tagline goes here</small></a>

---

这是一种方法：

演示：

---

HTML

 <a class="navbar-brand" href="#">Project name<small>Tagline goes here</small></a>

---

@cab的解决方案可行，但这里有另一个选项不会影响默认导航栏的高度（由于增加了填充）：

---

@cab的解决方案可行，但这里有另一个选项不会影响默认导航栏的高度（由于增加了填充）：

---

您介意添加一些代码吗？你介意添加一些代码吗？保留带有默认配置的.navbar品牌并应用。navbar品牌小样式对我有效。保留带有默认配置的.navbar品牌并应用。navbar品牌小样式对我有效。

.navbar-brand {
  line-height:12px;
  padding-top:20px;
  padding-bottom:5px;
}

.navbar-brand small {
  display:block;
  font-size:10px;
}