Twitter bootstrap 旋转';s位置箭头?

Twitter bootstrap 旋转';s位置箭头?,twitter-bootstrap,twitter-bootstrap-3,font-awesome,Twitter Bootstrap,Twitter Bootstrap 3,Font Awesome,当Fontsome与Bootstrap 3.x一起使用时,是否有方法旋转Fontsome的位置箭头()?我想把指针和指南针的方向对齐 如果没有,还有其他方法可以使用吗?您可以使用FontAwesome的内置旋转类: 正常 fa-rotate-90 fa-rotate-180 fa-rotate-270 如果需要更精确的旋转,可以使用CSS变换: .rotate-arrow-n{ -ms变换:旋转(-45度);/*IE 9*/ -webkit变换:旋转(-45度);/*铬合金、Safari、O

当Fontsome与Bootstrap 3.x一起使用时,是否有方法旋转Fontsome的位置箭头(
)?我想把指针和指南针的方向对齐


如果没有,还有其他方法可以使用吗?

您可以使用FontAwesome的内置旋转类:

正常
fa-rotate-90
fa-rotate-180
fa-rotate-270

如果需要更精确的旋转,可以使用CSS变换:

.rotate-arrow-n{
-ms变换:旋转(-45度);/*IE 9*/
-webkit变换:旋转(-45度);/*铬合金、Safari、Opera*/
变换:旋转(-45度);
}


有没有一种方法可以使CSS“函数”接受0到360之间的整数值并执行
rotate()
?@craig不幸的是,CSS不支持函数,但在浏览器中呈现之前,它必须编译成CSS。如果您需要这么多方向,最好的解决方案可能是使用内联样式来设置方向: