引導導航欄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; 
    }  
} 

希望這有助於。