带有间距的Bootstrap Fixed NavBar

Question

我在我的应用中使用了两个Navbars，它们在较小的屏幕中单独折叠。 在一些屏幕中，我将有两个导航栏，有些只有顶部。

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

Link

Answer 1

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

要使第二个导航栏显示在第一个导航栏下方，您可以向其中添加.navbar-fixed-top--secondary类，以获得top: 50px。