Mit Version 4 wurde in Bootstrap ordentlich aufgeräumt. Unter anderem werden die Glyphicons nicht mehr mitgeliefert. Diese müssen nun ab sofort manuell eingebunden werden. Als Alternative bieten sich auch andere Icon Fonts an.
Weit verbreitet und auch von mir immer wieder gerne benutzt ist Font Awesome. Sehr cool an Font Awesome ist:
Font Awesome is fully open source and is GPL friendly. You can use it for commercial projects, open source projects, or really just about whatever you want.
Auch eine Nennung ist nicht notwendig – ist aber nur fair.
Ich verwende Bootstrap nun zusammen mit Angular. Damit Font Awesome genutzt werden kann, sind diese zwei Abhängigkeiten im package.json
einzutragen:
"font-awesome": "^4.7.0",
"angular-font-awesome": "^3.0.3"
Nach der Installation der der Pakete via npm install
muss das Angular-Modul bekannt gemacht werden. Für die nachfolgende Variante muss Angular-CLI verwendet werden.
import { AngularFontAwesomeModule } from 'angular-font-awesome';
@NgModule({
...
imports: [
...
AngularFontAwesomeModule,
...
]
})
In der Datei angular-cli.json
ist nun noch das Style-Sheet einzutragen:
"styles": [
...
"../node_modules/font-awesome/css/font-awesome.min.css"
]
Nun noch ng serve
neu starten und schon kann Font-Awesome verwendet werden.
Wer Bootstrap auf Version 4 migrieren möchte, bekommt hier ausführliche Informationen. Für ausführliche Informationen zu angular-font-awesome
empfehle ich einen Blick ins README.
Happy Coding!