将固定顶部导航栏变为静态顶部导航栏的断点

Question

我有一个固定顶部导航栏，效果很好。当屏幕变小（例如720px或更小）时，如何将固定顶部导航栏转换为静态顶部导航栏？

Answer 1

首先，你的课是错的，他们应该是navbar-fixed-top和navbar-static-top。其次，这里是引导对这些类风格：

.navbar-static-top { 
    border-width: 0 0 1px; 
} 

@media (min-width: 768px) { 
    .navbar-static-top { 
    border-radius: 0; 
    } 
} 

.navbar-fixed-top, 
.navbar-fixed-bottom { 
    position: fixed; 
    right: 0; 
    left: 0; 
    border-width: 0 0 1px; 
} 

@media (min-width: 768px) { 
    .navbar-fixed-top, 
    .navbar-fixed-bottom { 
    border-radius: 0; 
    } 
} 

你可以做的是应用来自你希望它“成为”类造型（navbar-static-top）上的情况下，类是（navbar-fixed-top），其中屏幕在你想要的宽度下。就我个人而言，我会坚持使用他们已经使用的768px，在这种情况下，在引导CSS之后，将其添加到您的自定义CSS中。

.navbar-fixed-top { 
    position: relative; 
    border-width: 0 0 1px; 
}