bootstrap 4 navbar仅在移动设备上粘贴

Question

我有这个（haml）：

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

是否只有引导程序才能使此导航栏仅在移动设备上使用时粘贴（＆lt; lg）？

Answer 1

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

将最大宽度更改为所需的最大宽度

@media (max-width: 1200px) {
body {
    margin-top: 50px;
}
  .navbar{
    position: fixed;
    right: 0;
    left: 0;   
    border-radius: 0;
    top: 0;
  }      
}

希望这有帮助。