如何在click事件上更改bootstrap插入符指向方向
我正在使用2.3.2 bootstrap
当我单击菜单按钮时，我可以更改插入符号图标的位置。
当我点击指向上方的图标插入符号时，我需要它，当你点击另一个项目时，插入符号回到初始状态。
这怎么可能？
导航代码
链接到小提琴尝试解决
问题的图像示例
你可以添加这个
.nav .dropdown.open .caret{ border-top: none; border-bottom: 4px solid #000000; }
更新小提琴
更新小提琴
添加了以下CSS
.navbar .nav li.dropdown.open>.dropdown-toggle .caret { border-top-color: transparent; border-bottom: 4px solid #000000; position: relative; top: -3px; }
只需添加此CSS：
.navbar-default .navbar-nav>li>a:focus .caret{ transform:rotate(-90deg); transition:all 0.3s ease-in-out; /*for smoothness*/ }
在css ..
当.caret是li或span中的一类箭头。
.nav-list .caret { transform:rotate(-90deg); transition:all 0.3s ease-in-out; } .nav-list .active .caret { transform:rotate(0deg); transition:all 0.4s ease-in-out; }
100％有趣！
Tariq Javed的积分。