Gibt es eine Möglichkeit, Glyphicon umzukehren. Ich fand Flip an Image CSS-Trick, aber das funktioniert nicht für Glyphicon. Bitte AnregungenWie man Glyphicon Symbol umkehrt
Antwort
Gefällt Ihnen dieses
HTML
<a href="#" class="btn"><i class="icon-rotate icon-flipped"></i></a>
CSS
.icon-flipped {
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
}
ODER
http://fortawesome.github.io/Font-Awesome/examples/#rotated-flipped
Das hat nicht funktioniert. Ich benutze nicht Fontawesome. Ich benutze Glyphicons – Jamol
Dies funktionierte für mich und ich verwende Glyphicons (via Twitter Bootstrap) zu – corinnaerin
Sie sollten daran denken, die tatsächliche CSS-Eigenschaft zuletzt in der Liste, da dies in einigen Fällen eine Render-Differenz verursachen könnte: https: //css-tricks.com/ordering-css3-properties/ – Berty
Mit glyphicons verwaltet diese Arbeit zu machen, wie so:
HTML
<span class="glyphicon glyphicon-search" id="my-glyphicon"></span>
CSS
#my-glyphicon {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
JSFiddle hier sehen
Ich wünschte, es hat elegantere Lösung über eine eingebettete Klasse. Bootstrap hat also keine solche Klasse um richtig zu rotieren? – MonsterMMORPG
@MonsterMMORPG nicht, dass ich mir dessen bewusst bin. – Jax
- 1. Wie man diese Funktion umkehrt
- 2. Wie man diese Normalisierung umkehrt
- 3. Wie man eine Liste umkehrt?
- 4. wie die Dicke der Standard-Bootstrap-Symbol glyphicon glyphicon-chevron-rechts reduzieren?
- 5. Wie man einen HVect in Idris umkehrt?
- 6. Wie man ein `git Submodul init 'umkehrt
- 7. Wie man Bits eines Bytes umkehrt?
- 8. Wie man eine Liste in Java umkehrt?
- 9. Wie man die Sortierung umkehrt sortiere
- 10. Twitter Bootstrap Radio/Checkbox - wie man glyphicon
- 11. Wie glyphicon zu link_to hinzufügen
- 12. Wie fügt man Glyphicon neben einem basicContainerNode hinzu?
- 13. Bootstrap glyphicon-menu-Hamburger nicht
- 14. wie man ein Symbol auf Klick in Meteor ändern
- 15. Wie man eine Umwandlung durch Matrix in Blender umkehrt?
- 16. Wie man Dateien in Linux umkehrt und sortiert?
- 17. Wie man eine Reihe in einem 4x4 Array umkehrt
- 18. Wie man eine anonyme Liste im Template Toolkit umkehrt?
- 19. Wie man Wörter in einer Zeichenfolge mit C# -Programmierung umkehrt?
- 20. Wie man eine ArrayList aus einer Datei umkehrt?
- 21. Wie man eine Hashmappe der Liste in Java umkehrt?
- 22. Bootstrap Glyphicon als Schaltfläche
- 23. Link auf einer Bootstrap glyphicon
- 24. Wie Bootstrap ändern Pfeile auf Glyphicon auswählen?
- 25. Wie richtet man ein Glyphicon auf ein Formular aus?
- 26. Schema - Wie man "." als Symbol
- 27. ASP.NET Button mit Bootstrap Glyphicon
- 28. So erstellen Sie Kontrollkästchen sieht wie font-awesome glyphicon
- 29. über bootstrap glyphicon glyphicon-th-list haben einen weißen hintergrund
- 30. Center Glyphicon Inhalt
Können Sie den Code anzeigen, die Sie haben versucht? – Nitesh
diesen Link finden es funktioniert http://stackoverflow.com/questions/18604829/rotating-glyphicons-font-awesome-in-bootstrap – anand
Symbole Rotierende die Verwendung pseudo sind vor/nach dem Inhalt http: // Stackoverflow. com/questions/9779919/css-rotate-a-pseudo-nach-oder-vor-inhalt –