Javascript 引导-浮动div'；s固定顶div不工作

我想保持粘性标题保持在我的#main div的顶部

这是我的js。即使在响应模式下。我尝试了下面的代码，但它不工作

@import“引导链轮”；
@导入“引导”；
@导入“字体真棒”；
@导入“导航栏”；
身体，
html{
身高：100%；
溢出：隐藏；
位置：相对位置；
}
身体{
填充：10px；
}
一排帆布{
身高：100%；
填充：5%0px 5%0px；
}
#边栏{
宽度：继承；
最小宽度：220px；
最大宽度：220px；
背景色：黑色；
浮动：左；
身高：100%；
位置：相对位置；
溢出：隐藏；
}
#主要{
高度：200px；
溢出y：自动；
溢出x：隐藏；
背景色：白色；
}
#粘的{
背景颜色：绿色；
}
/*
*非画布侧边栏
* --------------------------------------------------
*/
@媒体屏幕和屏幕（最大宽度：768px）{
一排帆布{
位置：相对位置；
-webkit过渡：所有0.25秒都可以轻松过渡；
-moz转换：所有0.25秒都会变慢；
过渡：所有0.25秒都放松；
宽度：计算（100%+230px）；
利润上限：35px；
}
.可见xs{
填充顶部：10px；
}
.左一行{
左：-230px；
}
.row-offcanvas-left.active{
左：0；
}
.侧边栏{
位置：绝对位置；
排名：0；
}
}

边栏
粘头


主要内容

主要内容

主要内容

主要内容

主要内容

主要内容

主要内容

主要内容

将下面的CSS添加到id#sticky

将下面的CSS添加到id#sticky

---

调整输出窗口大小时，粘性标题宽度会发生变化。我想使其与主要内容保持一致。我的意思是，粘性div必须与主要div配合使用。

调整输出窗口的大小时，粘性页眉的宽度会发生变化。我想让它与主要内容保持一致。我的意思是，粘性div必须与主要div配合使用。

您忘记发布您的JSFiddle链接：）您忘记发布您的JSFiddle链接：）您好，谢谢您的回复。但是Width 100%从主要内容溢出。Hi更新了JSFIDLE Hi中粘性头的代码，感谢您的回复。但是宽度100%从主要内容溢出。Hi更新了JSFIDLE中粘性头的代码

position: fixed;
width: 100%;
z-index: 99;