Javascript 哪个滑出式面板与bootstrap 3兼容？

我试着用这个带引导的滑出面板，它给你从右边滑出的选项。但它似乎并不兼容。有人能推荐我可以使用的与引导兼容的滑出式面板吗？

一点CSS和jQuery就足以重建此功能。看看我的JSFIDLE

jQuery代码段

    $('#opener').on('click', function() {       
    var panel = $('#slide-panel');
    if (panel.hasClass("visible")) {
        panel.removeClass('visible').animate({'margin-left':'-300px'});
    } else {
        panel.addClass('visible').animate({'margin-left':'0px'});
    }   
    return false;   
});

---

完整示例：

谢谢。如何将其添加到右侧。所以当屏幕调整大小时，它总是保持在右边？是的。如何删除水平滚动？正文{overflow-x:hidden；}