Twitter Bootstrap Navbar:如何创建两个单独的行?

时间:2012-12-03 01:22:57

标签: css twitter-bootstrap navbar

我使用Twitter引导程序来创建我的固定导航栏,我想模仿像Kickstarter's navbar这样的东西,在那里他们在'Discover'和'great projects'之间创建了一条新线。我尝试使用转义符“\ n”以及“< br />” (我意识到br前面有一个空间)来创建一条新线,但它会混淆导航栏其余部分的格式,并将徽标向上推。创建2条线的正确方法是什么,但保持导航栏的整体高度?

1 个答案:

答案 0 :(得分: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; }