我的页面内容位于导航栏内

Question

分隔内容和导航栏的行位于内容下方，而不是介于两者之间。这发生在路由到具有导航栏的主页的所有页面上。我试图添加padding-top，相对定位，margin-top等。对身体，但它停留在导航栏内。看起来他们在同一行，但添加了一个。行到导航栏和内容似乎什么都不做，因为它们是分开的。徽文件。

这是带有导航栏的徽章:

.display-options
    ul.nav.nav-tabs
        link-to "ediagnostic.entry" tagName="li" href="false"
            link-to "ediagnostic.entry"
                | Entry
        link-to "ediagnostic.stations" tagName="li" href="false"
            link-to "ediagnostic.stations"
                | Work Station
        link-to "ediagnostic.spur" tagName="li" href="false"
            link-to "ediagnostic.spur"
                | Spur
        link-to "ediagnostic.exit" tagName="li" href="false"
            link-to "ediagnostic.exit"
                | Exit
        link-to "ediagnostic.partqueue" tagName="li" href="false"
            link-to "ediagnostic.partqueue"
                | Part Queue
        link-to "ediagnostic.maintenanceCall" tagName="li" href="false"
            link-to "ediagnostic.maintenanceCall"
                | Maintenance Call
        link-to "ediagnostic.manual" tagName="li" href="false"
            link-to "ediagnostic.manual"
                | Manual
        link-to "ediagnostic.alarmlog" tagName="li" href="false"
            link-to "ediagnostic.alarmlog"
                | Alarmlog
        link-to "ediagnostic.itinterface" tagName="li" href="false"
            link-to "ediagnostic.itinterface"
                | IT Interface

        =outlet

当我尝试将类似这样的东西扔到路由到navbar徽章的徽章中时，它只是出现在与navbar相同的行中:

.row
    h1 hello

Answer 1

看来， =outlet 线应该被超越，而不是一个孩子 ul.nav.nav-tabs 再也没有了。