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

时间:2014-07-31 19:29:36

标签: twitter-bootstrap routing navbar stylus emblem.js

分隔内容和导航栏的行保持在内容之下,而不是介于两者之间。对于所有路由到具有导航栏的主页面的页面都会发生这种情况。我试图在身体上添加填充顶部,相对定位,边缘顶部等但它仍然在导航栏内。看起来它们在同一行但是向导航栏添加.row并且内容似乎什么都不做,因为它们是单独的.emblem文件。

这是导航栏的标志:

.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

当我尝试将这样的东西扔到导航栏标志的徽章时,它只会出现在与导航栏相同的行中:

.row
    h1 hello

1 个答案:

答案 0 :(得分:0)

似乎=outlet行应缩小为不再是ul.nav.nav-tabs的孩子。