Bootstrap 4侧边栏在div内的正确位置

Question

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

：

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

能请你帮忙吗？

Answer 1

您可以将overflow: hidden添加到类.wrapper中以隐藏水平滚动条，

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

分叉的Codepen：

https://codepen.io/Maniraj_Murugan/pen/vYGjLBm

Answer 2

您可以替换

这个

$('#sidebar').toggleClass('active');

以此

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