Bootstrap 4 引导4侧边栏右侧位置内侧div

我在正确位置的一个div内使用Bootstrap 4侧边栏， 当我切换它（隐藏侧边栏）时，会出现一个水平滚动条。 我需要切换它（隐藏侧边栏）与水平滚动条。 您可以在以下位置找到示例：

[https://codepen.io/rifaat_ch/pen/jOqxbXp][1] 

---

您能帮忙吗？

您可以将

溢出：隐藏
添加到类
.wrapper
以隐藏水平滚动条

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    overflow: hidden;
}

分叉代码笔：


你可以替换

这个

由此

$('#sidebar').toggle('slide', {
    direction: 'left'
}, 'slow');

$('#sidebar').toggle('slide', {
    direction: 'left'
}, 'slow');