css - Twitter Bootstrap Navbar: 2 つの別々の行を作成するには?

Question

私は Twitter のブートストラップを使用して上部に固定ナビゲーション バーを作成しています。Kickstarterのナビゲーション バーのようなものを模倣して、「発見」と「優れたプロジェクト」の間に新しい境界線を作成したかったのです。エスケープ "\n" と "< br />" (br の前にスペースがあることに気付きました) を使用して新しい行を作成しようとしましたが、navbar の残りの形式が台無しになります。ロゴを押し上げます。navbar の全体的な高さを維持しながら、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; }