无法在导航栏中看到标签文字

即时通讯在JADE中使用下面的代码，我没有看到导航栏中的标签文本，这里可能是什么问题，我尝试玩没有成功的缩进我猜我缺less一些basic.please协助

html head title= title link(rel="stylesheet", href="bootstrap.min.css") link(rel='stylesheet', href='//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap-theme.min.css') script(src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js') body div nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation') .container .navbar-header button.navbar-toggle(data-toggle='collapse', data-target='#bs-example-navbar-collapse-1') span.sronly span.icon-bar span.icon-bar span.icon-bar #bs-example-navbar-collapse-1.collapse.navbar-collapse ul.nav.navbar-nav li a(href='/recipes/bbq') Tab1 li a(href='/recipes/bbq') Tab2 div.container block content 

这里是js小提琴http://jsfiddle.net/jo1nnrp4/3/

这是视图，我想在导航栏中看到tab1＆tab2，并将到达文本放在灰色区域，我该怎么做？

更新

 html head title= title link(rel="stylesheet", href="bootstrap.min.css") link(rel='stylesheet', href='//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap-theme.min.css') script(src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js') body div nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation') .container .navbar-header button.navbar-toggle(data-toggle='collapse', data-target='#bs-example-navbar-collapse-1') span.sronly span.icon-bar span.icon-bar span.icon-bar #bs-example-navbar-collapse-1.collapse.navbar-collapse ul.nav.navbar-nav li a(href='/recipes/bbq') Tab1 li a(href='/recipes/bbq') Tab2 div.container block content 

这是我在URL中调用的第二个文件/视图，并将到达数据放在页面中

扩展布局

 block content .jumbotron h1= title ul each flight, index in arrivals - landed = new Date(flight.actualArrive) li= flight.number + ': ' + flight.origin + '-' + landed 

Answer 1

三件事：

1. 尝试使用相同数量的缩进每个级别，例如制表符或例如四个空格。 html和head之间的缩进是四个字符， body和div之间有两个字符。 保持这种一致性使得更清楚哪个元素是哪个父母的孩子。

2. 内容不应该是导航的一部分。 你可以通过改变div.container第二行的缩进来修正这个div.container ，方法是给它和正文中的第一个div相同的级别。 在你的情况下，4 + 4 + 2 = 10个空格应该这样做。

3. block content应该是div.container的子div.container ，因为您希望内容包含在div.container 。 为此，给它四个额外的缩进空间，如下所示：

     div.container block content 

4. div.container应该是nav元素的子元素。 目前它存在于同一层。 为了解决这个问题，你需要在nav一些额外的缩进之后给出所有的行（除了你明显固定的那些）。