Css Jade HTML-添加到layout.Jade正文

Css Jade HTML-添加到layout.Jade正文,css,html,styling,pug,Css,Html,Styling,Pug,我有下面的布局代码 以及登录后出现的以下页面: div.navbar.navbar-fixed-top div.navbar-inner div.container-fluid ul#global-nav.nav.pull-left a(href='#').brand Control Panel button#btn-logout.btn.btn-primary

我有下面的布局代码

以及登录后出现的以下页面:

div.navbar.navbar-fixed-top
    div.navbar-inner
        div.container-fluid
            ul#global-nav.nav.pull-left
                a(href='#').brand Control Panel
            button#btn-logout.btn.btn-primary
                i.icon-lock.icon-white
                | Sign Out

include account
include modals/alert
include modals/confirm

script(src='/js/views/home.js')
script(src='/js/controllers/homeController.js')
主页上的div.jade页面正在创建一个标题,将控制面板标题放入其中,并创建一个退出帐户的选项。我想把这些div的,并把他们在主屏幕上,即使你没有登录。我只需将它们移动到layout.jade页面,就成功地完成了这项工作

我的问题是,控制面板出现在标题之外。所以home.jade页面并不是简单地添加到我的layout.jade页面主体中的代码中,正如我所想的那样,有什么想法可以做到这一点吗

i、 e

我假设这种代码只会创建一个带有主体的主页

body
    div.header
        p hello
在收割台内部


理想的是,我希望这个伪代码在登录时只出现在登录的文本中,当登录的时候,登录功能才能就位,因为最终我希望中间的主登录容器从按钮中弹出。

你需要查看杰德块。关于这件事

您将使用include和block的组合来创建文件的混合体,这些文件可以按照您想要的方式工作。只需小心确保您对包含的文件结构和目录以及调用它们的文件保持警惕

layout.jade
body
    div.header

home.jade
    p hello
body
    div.header
        p hello