导航栏图标栏动画错误

Question

我在bootstrap4 import sys while True : with open('tmp.txt', 'ab') as f : f.write('this is a test\n') 中添加了动画图标栏。它正在工作但是点击汉堡图标后，屏幕左侧会显示 X ，但它应该出现在汉堡图标的右侧

https://jsfiddle.net/Kuntal_nescode/8L98q12r/2/

Answer 1

将position: relative;添加到.navbar-toggler:not(:disabled):not(.disabled) {..}，因为您在十字position: absolute;上使用的span将在他的parrent div上相对

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