Css 向下滚动时创建右边距的粘性导航栏

我试图创建一个导航条（引导带），一旦向下滚动通过它，它就会粘在顶部。我可以使用粘贴插件实现这种行为，但有一个小故障。导航栏在向下滚动时会产生一定数量的右边距。我无法解决这个问题。请帮我解决这个问题

这是我的导航栏html代码

$（函数（）{
$（'nav wrapper'）.height（$（'nav'）.height（））；
$（'#nav'）。粘贴({
偏移量：{
顶部：$（'#导航'）.offset（）.top
}
});
});
.navbar.navbar导航{
显示：内联块；
浮动：无；
垂直对齐：顶部；
}
.导航栏.导航栏塌陷{
文本对齐：居中；
}
@介质（最小宽度：768px）{
.navbar.navbar导航{
显示：内联块；
浮动：无；
垂直对齐：顶部；
}
.导航栏.导航栏塌陷{
文本对齐：居中；
}
}
@介质（最小宽度：768px）{
navbar先生{
边界半径：15
}
}
.导航栏切换{
边界半径：15
}
.导航栏切换.图标栏{
边界半径：0
}
navbar先生{
背景：70万；
页边距底部：自动；
边框颜色：#384248；
宽度：100%；
}
@介质（最小宽度：768px）{
.导航栏导航>李>a{
填充顶部：17px；
填充底部：17px；
}
}
#导航词缀{
位置：固定；
排名：0；
宽度：100%；
边际：0px；
-webkit过渡：所有.6s易于输入输出；
}
#导航>导航栏内部{
左边框：0；
右边界：0；
边界半径：0；
-webkit边界半径：0；
-moz边界半径：0；
-o-边界半径：0；
}
/*仅出于演示目的模拟溢出*/
html{高度：200%；}正文{高度：100%；}







使用代码检查器，我发现
#nav wrapper.row#nav row
设置了负边距

特异性规则和
margin:0
解决了这个问题

#nav-wrapper .row#nav-row {
    margin: 0;
}


$（函数（）{
$（'nav wrapper'）.height（$（'nav'）.height（））；
$（'#nav'）。粘贴({
偏移量：{
顶部：$（'#导航'）.offset（）.top
}
});
});
#导航包装器.行#导航行{
保证金：0；
}
.navbar.navbar导航{
显示：内联块；
浮动：无；
垂直对齐：顶部；
}
.导航栏.导航栏塌陷{
文本对齐：居中；
}
@介质（最小宽度：768px）{
.navbar.navbar导航{
显示：内联块；
浮动：无；
垂直对齐：顶部；
}
.导航栏.导航栏塌陷{
文本对齐：居中；
}
}
@介质（最小宽度：768px）{
navbar先生{
边界半径：15
}
}
.导航栏切换{
边界半径：15
}
.导航栏切换.图标栏{
边界半径：0
}
navbar先生{
背景：70万；
页边距底部：自动；
边框颜色：#384248；
宽度：100%；
}
@介质（最小宽度：768px）{
.导航栏导航>李>a{
填充顶部：17px；
填充底部：17px；
}
}
#导航词缀{
位置：固定；
排名：0；
宽度：100%；
边际：0px；
-webkit过渡：所有.6s易于输入输出；
}
#导航>导航栏内部{
左边框：0；
右边界：0；
边界半径：0；
-webkit边界半径：0；
-moz边界半径：0；
-o-边界半径：0；
}
/*仅出于演示目的模拟溢出*/
html{高度：200%；}正文{高度：100%；}







只需将class
行
从
导航行