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

Question

我有这个(haml):

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

是否只有在移动设备上(< lg)时才能使此导航栏置顶？

Answer 1

您可以仅使用媒体查询强制导航栏在移动设备上停留在顶部。
将最大宽度更改为您想要的最大宽度

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

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

希望这可以帮助。