Javascript 汉堡图标不旋转

汉堡包图标显示正确（折叠），但单击时不显示动画。运行时，它以一个折叠的按钮开始。单击后将显示下拉菜单。但是，该按钮不会设置动画

HTML:

/*--------------------------------------
下拉列表
-------------------------------------- */
.下拉菜单{
背景色：透明；
左边缘：-90%；
}
.导航栏切换{
边界：无；
背景：透明！重要；
}
.navbar切换：悬停{
背景：透明！重要；
}
.导航栏切换.图标栏{
宽度：22px；
过渡：均为0.2s；
}
.导航栏切换.顶栏{
变换：旋转（45度）；
变换原点：10%10%；
}
.导航栏切换.中间栏{
不透明度：0；
}
.导航栏切换.底部栏{
变换：旋转（-45度）；
变换原点：10%90%；
}
.navbar-toggle.collapped.top条{
变换：旋转（0）；
}
.navbar-toggle.collapped.middle条{
不透明度：1；
}
.navbar-toggle.collapped.bottom条{
变换：旋转（0）；
}

切换导航

“汉堡包图标不旋转”-如果旋转汉堡包，馅料不会掉出来吗？@nnnn有趣。不管怎么说，我甚至没有看到一个奇怪的汉堡，一想到一个汉堡我就饿了。一个可运行的代码片段的要点是它说明了问题——这个代码片段没有，因为里面根本没有快餐食品，请将屏幕截图添加到帖子中，让它更有意义。您使用的是哪个版本的引导程序？