Wie man Glyphicons ohne Bootstrap CSS einbinden kann

8

Mein Kundenprojekt verwendet einige grundlegende HTML und CSS. Aber sie mögen die Glyphicons auf den Menüs der Website. Also habe ich gerade versucht, Glyphicons mit dem Bootstrap CSS zu integrieren, aber die anderen CSS wurden nach dem Einfügen des Bootstrap CSS betroffen.

Also die Frage kann albern sein, ich möchte nur Glyphicons in Client-Website Menüverknüpfungen ohne Bootstrap CSS aufnehmen.

Ist das zuerst möglich? Ich weiß, dass Glyphicons kostenlos mit dem Bootstrap-Paket verfügbar sein wird.

Und andere Dinge sind, dass mein Client nicht möchte, dass ich Bootstrap CSS einschließe, da es die Seitenstruktur beeinflusst.

Also ist es möglich, Glyphicons ohne Bootstrap css oder meine eigenen benutzerdefinierten CSS aufzunehmen?

Jede Hilfe wäre willkommen!

    
Raja 25.05.2016, 21:58
quelle

5 Antworten

2

Hier ist ein Bower-Paket, das nur Glyphicons aus dem gesamten Bootstrap verwenden kann.

Überprüfen Sie dieses GitHub-Repository Ссылка

oder

%Vor%

BEARBEITEN

Jetzt ist es möglich, das Paket über NPM herunterzuladen.

%Vor%     
supergentle 06.09.2016, 16:49
quelle
9

Ich habe versucht, Bootstrap Glyphicons zu arbeiten, ohne die gesamte bootstrap.css Datei zu installieren, aber auf halbem Weg wurde es zu viel Arbeit und ich gab auf. Stattdessen stieß ich auf Font Awesome . Bootstrap 3 selbst benutzt es (oder benutzt es). Es ist so konzipiert, dass es als eigenständiges Gerät verwendet werden kann, so dass es wirklich einfach und leicht ist. Alles, was Sie tun müssen, ist:

  1. Laden Font Awesome-Paket;

  2. Kopieren Sie font-awesome.min.css in Ihren css-Ordner und alle Zeichensätze aus dem Schriftartenordner von Font Awesome in Ihren Schriftartenordner;

  3. Fügen Sie <link rel="stylesheet" href="path/to/css/font-awesome.min.css"> in <head> Ihres HTML ein;

  4. Wählen Sie Symbole aus der Symbolbibliothek und fügen Sie sie in Ihre App ein, genau wie die Glyphicons von Bootstrap.

Arthur Tarasov 11.09.2016 12:43
quelle
7

Da ist das:

%Vor%

Wenn Sie jedoch etwas Bandbreite sparen möchten, können Sie die Zeichensätze direkt von einem CDN laden und anschließend das erforderliche CSS wie folgt einfügen:

%Vor%

Sie können hier ein Beispiel in der Demo sehen ("Eye of Medusa" und " Feuerregen "Menüpunkte).

    
10basetom 02.03.2017 10:37
quelle
1

Ja, Sie müssen nur von dieser Seite herunterladen: Ссылка (Kostenlose Option unten)

BEARBEITEN: In diesem Thread mehr Infos dazu: Bootstrap 3 Glyphicons CDN

    
Alejandro Garrido 25.05.2016 22:04
quelle
0

Ich hatte das gleiche Problem mit Bootstraps, ich brauche nur einen Pfeil, aber vermassle es, wenn ich es hinzufüge.

Also zog ich nach FontAwesome, arbeitete wunderbar!

Sie können auch das CDN erhalten, das wie folgt aussieht:

%Vor%

Sie müssen Ihre eigenen bekommen! :)

    
George 11.06.2017 08:35
quelle