翡翠模板不按预期显示页面
我使用Node.js＆express，并为我使用翡翠模板的视图，我想要的是testing文本将在底部的黑色导航栏下，目前我无法这样做（它隐藏在黑色的导航栏我怎么能把它移到底部），我在这里错过了什么？ 我把分区
这是玉-Layout.jade的代码
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 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') spansronly 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 这是内容的扩展布局
扩展布局
块内容.jumbtroon h1 ='testing'
我把div.container放在第一个div的相同位置
这是呈现的HTML
<html> <head> <title> Arrivals </title> <link href="bootstrap.min.css" rel="stylesheet"></link> <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet"></link> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <div> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse"> <spansronly></spansronly> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li> <a href="/recipes/bbq"> Tab1 </a> </li> <li> <a href="/recipes/bbq"> Tab2 </a> </li> </ul> </div> </div> </nav> </div> <div class="container"> <div class="jumbtroon"> <h1> test </h1> </div> </div> </body> </html>
在img中，你可以看到testing在navbar下 
当导航栏浮动在页面顶部时，页面内容的其余部分将在其下开始。 Bootstraps文档为此提供了解决scheme，请参阅http://getbootstrap.com/components/#navbar-fixed-top 。
添加一些填充到页面的顶部，通过添加：
body { padding-top: 70px; }
到您的custom.css文件