【问题标题】:The content of my page is located within the navbar我页面的内容位于导航栏中
【发布时间】:2014-07-31 19:29:36
【问题描述】:

分隔内容和导航栏的线位于内容下方,而不是介于两者之间。路由到具有导航栏的主页的所有页面都会发生这种情况。我尝试将 padding-top、相对定位、margin-top 等添加到正文中,但它仍保留在导航栏中。看起来它们在同一行,但在导航栏和内容中添加 .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

【问题讨论】:

  • 能否提供代码?

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


【解决方案1】:

看来=outlet 行应该被缩进不再是ul.nav.nav-tabs 的子代。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-04-02
    • 2015-01-13
    • 2016-06-11
    • 1970-01-01
    • 2022-12-05
    • 1970-01-01
    相关资源
    最近更新 更多