【问题标题】:Bootstrap Fixed NavBar with SpacingBootstrap 带间距的固定导航栏
【发布时间】:2015-01-24 16:57:57
【问题描述】:

我在我的应用程序中使用了两个导航栏,它们在较小的屏幕中单独折叠。 在某些屏幕中,我将有两个导航栏,而在某些屏幕中只有顶部。

通过将navbar-fixed-top 添加到导航栏,它会粘在顶部,但我想将它们堆叠在一起,并且页面的内容应该在下方适当间隔,以便它具有可见性并且不会隐藏在导航栏下方。

Link

【问题讨论】:

    标签: html css twitter-bootstrap navbar


    【解决方案1】:

    要使页面内容从固定导航栏下方开始,您需要在正文中添加固定高度padding-top(请参阅http://getbootstrap.com/components/#callout-navbar-fixed-top-padding)。由于您有一个或两个导航栏,因此您需要两个具有不同高度的类,并将其中一个添加到 body

    要使第二个导航栏出现在第一个导航栏下方,您可以向其添加一个类似.navbar-fixed-top--secondary 的类,该类会获得top: 50px

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-06-24
    • 1970-01-01
    • 1970-01-01
    • 2018-12-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多