Navbar图标栏动画错误

Question

我在bootstrap4 navbar中添加了动画图标栏。它正在工作，但是单击汉堡图标后， X 在屏幕的左侧显示，但应在汉堡图标出现的右侧

https://jsfiddle.net/kuntal_nescode/8l98q12r/2/

Answer 1

将 position: relative;添加到.navbar-toggler:not(:disabled):not(.disabled) {..}，因为您在Cross span上使用的position: absolute;将在其Parrent Div上相对

 .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer;
        position: relative;
    }