css - 推特 Bootstrap 导航栏 : How to create two separate rows?

Question

我正在使用 Twitter bootstrap 在顶部创建我的固定导航栏，我想模仿类似 Kickstarter's 的东西导航栏，他们在“发现”和“伟大元素”之间创建了一条新线。我试过使用转义符“\n”和“< br/>”(我知道 br 前面有一个空格)来创建一个新行，但它弄乱了导航栏其余部分的格式，并将 Logo 向上推。创建 2 行的正确方法是什么，但保持导航栏的整体高度？

Answer 1

<ul class="nav">
  <li>
    <a href="#">
      <span class="li-head">Discover</span>
      <span class="li-tail">great projects</span>
    </a>
  </li>
</ul>

.nav li a > span { display:block; }