Bootstrap 4 导航栏仅在移动设备上固定

Question

Bootstrap 4 导航栏仅在移动设备上固定

6

我有这个（haml）：

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

在移动端（< lg）时，是否有一种仅使用Bootstrap的方法使此导航栏仅粘在顶部？

- John Smith

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- TidyDev · Accepted Answer

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

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

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

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

希望这可以帮到您。