在滚动上使用动态宽度固定div

Question

我正在尝试将div位置固定在浏览器的顶部。但是当我这样做时，div会在整个屏幕上崩溃。

它必须是响应式的，因为我正在使用自举网格系统。

我已经JSFIDDLE但是jQuery和idk 在那里不起作用，但它在我的项目中有效（我只有定位问题），任何想法为什么？< / p>

var nav = $('#left-side-menu');
$(window).scroll(function () {
    if ($(this).scrollTop() > 70) {
        nav.addClass("fixed-top");
    } else {
        nav.removeClass("fixed-top");
    }
});