我有这个(haml):
%body
.container
%nav.navbar.sticky-top.navbar-expand-md.navbar-light.bg-light
在移动端(< lg
)时,是否有一种仅使用Bootstrap的方法使此导航栏仅粘在顶部?
我有这个(haml):
%body
.container
%nav.navbar.sticky-top.navbar-expand-md.navbar-light.bg-light
在移动端(< lg
)时,是否有一种仅使用Bootstrap的方法使此导航栏仅粘在顶部?
您可以使用媒体查询强制导航栏仅在移动设备上固定在顶部。
将最大宽度更改为您所需的最大宽度。
@media (max-width: 1200px) {
body {
margin-top: 50px;
}
.navbar{
position: fixed;
right: 0;
left: 0;
border-radius: 0;
top: 0;
}
}