bootstrap 4导航栏仅在移动设备上粘

Question

我有这个（哈姆尔）：

  %body
    .container
      %nav.navbar.sticky-top.navbar-expand-md.navbar-light.bg-light

是否只有引导程序才能使此导航栏粘顶仅在移动（< lg）上？

Answer 1

您可以仅使用媒体查询强制导航栏粘在移动设备的顶部。

将 max-width 更改为您想要的最大宽度

@media (max-width: 1200px) {
  body {
    margin-top: 50px;
  }

  .navbar{
    position: fixed;
    right: 0;
    left: 0;   
    border-radius: 0;
    top: 0;
  }      
}

希望这可以帮助。