Tag: glyphicons

Glyphicons ist eine Bibliothek, die von monochromen icons in raster-image-Formate, Vektor-Bild-Formate und Schriftarten. Basis Teilmenge der Bibliothek enthalten ist, mit Twitter Bootstrap.

Bootstrap-Schaltfläche: Pfeiltaste nach Links und zentrierter text

Anzahl der Antworten 2 Antworten
Brauche ich zum erzeugen einer Schaltfläche (nicht eine Gruppe von Schaltflächen) mit der folgenden Struktur: Links: [glyphicon] Mitte: Text Beispiel: https://www.dropbox.com/s/3idura8mxf4gekj/call_me.png Hier ist was ich getan habe: <div class="row btn-custom"> <div class="btn-group btn-group-lg col-xs-12" > <button class="btn

Vertical align glyphicon in bootstrap 3

Anzahl der Antworten 3 Antworten
Habe ich ein glyphicon als solche: <div class="col-xs-4 col-sm-2"> <span class="glyphicon glyphicon-circle-arrow-up glyphicon-large"></span> </div> .glyphicon-large { min-height: 260px; font-size: 35px; width: 1em; display: block; top: 50%; margin: -0.5em auto 0px; } Den glyphicon nicht ausrichten auf die

Bootstrap 3 Platzieren Symbol im Eingabefeld

Anzahl der Antworten 4 Antworten
Arbeite ich in Bootstrap 3 und versuche, eine Kalender-Symbol in der rechten Seite der input-box. Mein html sieht so aus: <div class="col-md-12"> <div class='right-inner-addon col-md-2 date datepicker' data-date-format="yyyy-mm-dd"> <input name='name' value="" type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd"/> <i class="fa

Bootstrap 3, ohne Glyphicons ersetzt, die mit Font Awesome

Anzahl der Antworten 3 Antworten
Möchte ich entfernen, Bootstrap 3 Glyphicons zu Gunsten von Font Awesome. Da die Font-Awesome beinhaltet bereits die meisten der Glyphicons y nicht wollen, um Sie und vermeiden Sie Duplikate und Kompatibilität Probleme. wenn ich eine angepasste bootstrap

Bootstrap-icons (Glyphicons) positioniert sind, leicht bei der Verwendung von Google-Fonts, wie kann ich lösen, das Problem?

Anzahl der Antworten 4 Antworten
Wenn ich die folgenden Google Fonts in den head-tag des Dokuments <link href="http://fonts.googleapis.com/css?family=Muli|Dosis:500,400|Open+Sans" rel="stylesheet"> Bootstrap-icons (Glyphicons) positioniert sind leicht, wie Sie sehen können Sie unter diesem link: http://www.acarrilho.com/wp-content/uploads/2012/07/icon_off.png Wie kann ich dieses Problem lösen? InformationsquelleAutor der Frage

Bootstrap Glyphicons keine Anzeige in angular2

Anzahl der Antworten 6 Antworten
Ich versuche die Verwendung von bootstrap glyphicons in meinem angular2 app. Ich installiert haben, Booten Sie mit dem Befehl npm install bootstrap --speichern Mein code-snippet ist <button *ngIf="pos.name == uname" type="button" class="btn btn-default btn-sm delete" (click)="DeleteBulletin();"> <span

Glyphicons-rendering als leere box

Anzahl der Antworten 12 Antworten
Ich bin mit den hervorragenden Twitter bootstrap-Bibliothek mit Glyphicons, aber alle Symbole sind rendering als leere Quadrate, etwa so: Ich habe hochgeladen die Glyphicons-fonts auf meinem web-root und verändert die bootstrap.css - Datei, um zu Ihrem richtigen

So entfernen Sie Fehler über glyphicons-Halblinge-regelmäßig.woff2 nicht gefunden

Anzahl der Antworten 4 Antworten
ASP.NET MVC4-Bootstrap 3-Anwendung ausgeführt wird, Microsoft Visual Studio Express 2013 für Web-IDE. Chrome Konsole zeigt immer Fehler http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 Failed to load resource: the server responded with a status of 404 (Not Found) Diese Datei vorhanden ist, in

Gewusst wie: hinzufügen glyphicons auf Schienen link_to-helper - Bootstrap 3

Anzahl der Antworten 7 Antworten
Ich habe überall gesucht, für eine gute Erklärung, wie Sie glyphicons auf Schienen link_to und button_to Helfer, aber ich habe gefunden, sehr wenig. Was ich gesammelt habe, so weit hat mich dieses: <li> <%= link_to deals_path, class:

Bootstrap glyphicon nach position

Anzahl der Antworten 2 Antworten
Das problem Will ich die Anzeige einer glyphicon icon, nachdem ein text. In der Dokumentation, es sind nur Beispiele vor, wie man hier sehen kann: http://getbootstrap.com/components/#glyphicons-examples <div class="glyphicon glyphicon-chevron-right">Next</div> Meine Lösungen Lösung 1 <div>Next<span class="glyphicon glyphicon-chevron-right"></span></div> Lösung

Wie social glyphicons in bootstrap implementiert web-Seite?

Anzahl der Antworten 2 Antworten
Ich bin nicht in der Lage, social media zu nutzen glyph-icons in der bootstrap implementiert web-Seite. Ich war in der Lage, verwenden Sie die üblichen, wie Suche, Globus und viele mehr. Dies ist, wie ich habe die

Twitter Bootstrap - How, um die grauen glyphicon

Anzahl der Antworten 4 Antworten
Ich bin mit twitter bootstrap und ich habe eine Frage auf die glyphicon in Ihre Homepage. Für Referenz, nehmen Sie die Basis-CSS-Seite: http://twitter.github.com/bootstrap/base-css.html Auf der linken Seite sehen Sie die Navigation, Typografie, Code, Tabellen und dergleichen. Nun,

Font Awesome vs Glyphicons in Twitter Bootstrap

Anzahl der Antworten 4 Antworten
Ich bin ein Anfänger in web-Entwicklung und habe vor kurzem angefangen mit Twitter Bootstrap, ich weiß, es nutzt Glyphiconsdie ich schon zu nutzen wissen. Aber ich kam auch über Font Awesomedie sagt, dass es gebaut wird für

Mit glyphicon als background-image in CSS: Schienen 4 + bootstrap 3

Anzahl der Antworten 2 Antworten
Ich bin mit bootstrap ' s collapse.js erweitern und reduzieren auch einige input-Gruppen in eine rails-app. Ich bin mit JS zu bestimmen, wenn die Gruppe erweitert wird oder nicht und erstellte CSS-Klassen hinzufügen eines "+" oder "-"

Wie verwende ich Bootstrap Glyphicons in 3.0.0?

Anzahl der Antworten 4 Antworten
Verwende ich in der Bootstrap Glyphicons. Ich rief in der CSS direkt aus http://glyphicons.getbootstrap.com/css/bootstrap-glyphicons.css aber dies ist nun verschwunden und wurde nicht empfohlen. Diese scheinbar deckt sich mit Twitter machen die Glyphicons erhältlich in der Bootstrap-Paket erneut.

Einige von Bootstrap3 glyphicons werden nicht korrekt angezeigt, auf der phonegap-android-webview

Anzahl der Antworten 2 Antworten
Bitte haben Sie einen Blick auf diese angehängten screenshot. Es ist mein PhoneGap-Test app - aufgenommen auf einem Galaxy S4. Sollten Sie sehen, dass die Glocke, Lesezeichen, Aktenkoffer, Kamera-Symbole (und mehr) werden nicht angezeigt, wie erwartet. Hier

Twitter Bootstrap 3 - Erstelle ein eigenes Glyphicon und füge es zu Glyphicon "font" hinzu

Anzahl der Antworten 2 Antworten
Ich bin mit twitter bootstrap3, und ich bin sehr zufrieden mit der Art, wie es verarbeitet, dass das Symbol Schriftarten. Aber: ich brauche einige angepasste icons, die ich brauche, um Sie mir selbst, und im Idealfall die

Bootstrap CSS verwendet nur Glyphicons

Anzahl der Antworten 2 Antworten
Haben wir ein Projekt in der späten Entwicklungsphase. Es hat seine eigene css-Dateien mit vielen, vielen Klassen und welche nicht. Original Entwickler des css ist nicht mehr verfügbar. Wir gerade gehalten, das hinzufügen von Klassen und styles

Bootstrap 3 Glyphicons funktionieren nicht

Anzahl der Antworten 30 Antworten
Ich heruntergeladene bootstrap 3.0 und kann nicht die glyphicons zu arbeiten. Ich eine Art "E003" Fehler. Irgendwelche Ideen, warum dies geschieht? Ich habe versucht, sowohl lokal als auch online und ich bekomme immer noch das gleiche problem.

Twitter Bootstrap 3.0 Symbol ändert sich beim Einsturz

Anzahl der Antworten 9 Antworten
Dies ist über Bootstrap 3.0. Ich möchte das Symbol/glyphicon zu ändern Zusammenbruch. I. e, von einem geschlossenen Ordner, um eine Datei zu öffnen. Habe ich gesucht weit und breit, und Lesen Sie die threads hier SO, aber

Wie mache ich Glyphicons größer? (Größe ändern?)

Anzahl der Antworten 7 Antworten
Ich würde gerne die Welt glyphicon größer, so dass es deckt einen großen Teil von der Seite (es ist ein Vektor-Bild). Es ist nicht in einem button oder irgendetwas; es ist nur allein. Gibt es eine Möglichkeit,

wie man Glyphicon Symbol umkehrt

Anzahl der Antworten 2 Antworten
Gibt es eine Möglichkeit, flip glyphicon. Ich fand Flip ein Bild css-trick, aber das funktioniert nicht für glyphicon. Bitte keine Vorschläge InformationsquelleAutor der Frage Jamol | 2013-09-04

Center Twitter Bootstrap 3 Glyphicons in Buttons

Anzahl der Antworten 10 Antworten
Ich bin jetzt mit Twitter Bootstrap 3 RC2 sowie Twitter Bootstrap, die ist umgezogen in ein separates repository. Ich habe bemerkt, wenn in einem button mit text, wird das Symbol nicht zentriert ist sehr gut: Dem Symbol

Bootstrap 3 kann Glyphon nicht korrekt anzeigen

Anzahl der Antworten 14 Antworten
Ich bin der Migration von bootstrap 2.3 bootstrap 3 und alles funktioniert gut. Aber wenn ich versuchte, fügen Sie einige Symbole, die icon-font nicht richtig angezeigt. Ich habe versucht, vorbei zu schauen hier http://bootply.com/61521 und nur '.glyphicon-envelope

Bootstrap 3 Tooltip über Glyphicon

Anzahl der Antworten 4 Antworten
Nicht sicher, ob dies auch dann möglich ist, bin ich versucht zu rufen Sie einen tooltip, der über ein glyphicon innerhalb einer input-Gruppe, mein code (der nicht funktioniert) ist; <div class="input-group"> <input type="text" class="form-control" name="security" id="security"><span class="input-group-addon"><span

Füge alle Glyphicons zu Bootstrap 3 hinzu

Anzahl der Antworten 4 Antworten
Ich bin diggin' die Glyphicons in Bootstrap 3, aber es sieht aus, als ob Sie nicht mehr alle! Ich würde gern das Gebäude-Symbol, aber Googeln hat nicht aufgedreht viel von allem. Weiß jemand, wie die fehlenden Glyphicons

Bootstrap 3.2.0 Glyphicons werden im Internet Explorer nicht angezeigt

Anzahl der Antworten 7 Antworten
Ich bin mit twitter bootstrap 3.2.0 und ich benutze einige glyphicons es funktioniert in ff, chrome und opera, aber Sie werden nicht angezeigt im Internet Explorer. Das seltsame ist, wenn ich öffnen Sie die getbootstrap.com Webseite und

Größere Glyphicons

Anzahl der Antworten 6 Antworten
Wie kann ich größer machen Glyphicons in twitter bootstrap 3.0 (nicht 2.3.x). Dieser code wird mein glyphicons groß: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> Wie kann ich diese Größe ohne mit der btn-lg-Klasse

Wie funktionieren Bootstrap Glyphicons?

Anzahl der Antworten 1 Antworten
Ich weiß, einige Grundlagen von CSS und HTML und manchmal auch mit Ihnen arbeiten, aber bin kein Profi, und ich bin neugierig, wie Bootstrap Glyphicons funktionieren. Ich meine, es sind keine Bilder in der Bootstrap-zip-Datei, wo die

Twitter-Bootstrap-Glyphicons erscheinen nicht im Freigabemodus 404

Anzahl der Antworten 7 Antworten
Arbeite ich an einem Projekt in ASP.NET MVC 4 und ich habe folgende Schritte: Heruntergeladen twitter bootstrap von http://blog.getbootstrap.com/2013/12/05/bootstrap-3-0-3-released/ Set Build action auf schriftart-Dateien, um Inhalte (Dateien liegen in ~/Inhalt/Schriftarten-Ordner) glyphicons-halflings-regular.eot glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff Hinzugefügt RouteConfig.cs Routen.IgnoreRoute("{Ordner}/{*pathInfo}",

ASP.NET Actionlink mit Glyphicon und Text mit unterschiedlicher Schrift

Anzahl der Antworten 11 Antworten
Ich möchte eine Schaltfläche mit @Html.ActionLink aber ich muss meine Bewerbung schriftart in den text. Mit diesem code: <span> @Html.ActionLink(" Create New", "Create", null, new { @class = "btn btn-warning glyphicon glyphicon-plus-sign" }) </span> Ich meinen Knopf

Wie zentriere ich Glyphicons horizontal mit Twitter Bootstrap

Anzahl der Antworten 2 Antworten
Ich versuche, mich zu zentrieren, meine FontAwesome icons in meiner Twitter-Bootstrap-code. Dies ist mein HTML: <div id="frontpage-content" class="content"> <div class="container"> <div class="row"> <div class="col-lg-4"> <span> <i class="fa fa-camera-retro fa-5x"></i> </span> <p>Lorem ipsum dolor sit amet, consectetur adipisicing

Verwenden von Twitter Bootstrap Glyphicons in CSS

Anzahl der Antworten 2 Antworten
Ich möchte hinzufügen eines Twitter bootstrap glyphicon zu ersetzen, die Bild-Verweis in der CSS-Datei unten, wenn auch nicht sicher, wie. .edit-button { background: url('../img/edit.png') no-repeat; width: 16px; height: 16px; } In HTML würde ich es hinzufügen, wie

Verwenden eines Glyphicon als LI-Punkt (Bootstrap 3)

Anzahl der Antworten 4 Antworten
Wie kann ich die Aufzählungspunkte in einer HTML-Liste und verwenden Sie die glyphicons, die mit Bootstrap 3? So, dass: <ul> <li>...</li> <li>...</li> </ul> Zeigt: [icon] Facere possimus, omnis voluptas assumenda est, numquam eius modi omnis dolor repellendus.

Bootstrap 4 - Glyphicons Migration?

Anzahl der Antworten 6 Antworten
Haben wir ein Projekt, das verwendet glyphicons intensiv. Bootstrap v4 fällt die glyphicon Schrift insgesamt. Gibt es ein äquivalent für die icons im Lieferumfang Bootstrap V4? http://v4-alpha.getbootstrap.com/migration/ Kommentar zu dem Problem - Öffnen Sie können immer noch

Wie man ein Bootstrap 3 Glyphicon in einem HTML-Select verwendet

Anzahl der Antworten 3 Antworten
Ich brauche, um eine Teilmenge der Bootstrap 3 glyphicons wählbar in meine Benutzeroberfläche durch den Benutzer. Habe ich versucht, dieses: <select class="form-control"> <option><span class="glyphicon glyphicon-cutlery"></span></option> <option><span class="glyphicon glyphicon-eye-open"></span></option> <option><span class="glyphicon glyphicon-heart-empty"></span></option> <option><span class="glyphicon glyphicon-leaf"></span></option> <option><span class="glyphicon glyphicon-music"></span></option>