Hvordan legge til bootstrap -ikoner i HTML og CSS
Hvordan legge til bootstrap -ikoner i HTML og CSS
Bootstrap-ikonene kan legges til i HTML og CSS ved å bruke CDN-koblingen til Bootstrap-Icons. Denne delen vil beskrive begge metodene for å legge til bootstrap -ikoner i HTML og CSS.
Hvordan legge til bootstrap -ikoner ved hjelp av CDN -lenke
Koblingen CDN (innholdslevering/distribusjonsnett) gjør det veldig enkelt å legge til CSS-, JS- og JQuery -bibliotekene. Av pappa CDN-lenken til Bootstrap-Icons, trenger du ikke å laste ned og integrere Bootstrap-ikonene med HTML. De kommende trinnene vil føre deg til å legge til CDN -lenker etterfulgt av å legge til bootstrap -ikoner.
Trinn 1: Legg til CDN -koblingen til Bootstrap -ikoner
Bootstrap5 er den siste versjonen av Bootstrap, så for å legge til CDN-lenken til Bootstrap-Icons, kopier/lim inn følgende lenke i taggen.
Trinn 2: Legge til bootstrap -ikoner
For å legge til bootstrap -ikoner, må du bruke følgende syntaks.
I syntaks ovenfor, Bi-klassenavn Representerer klassenavn på ikonene som Bi-Search, Bi-Calendar, Bi-Facebook, etc.,
Eksempel
Dette eksemplet bruker Bootstrap-ikonklassen for å skrive ut ikonet til LinkedIn og Thumbs-Up.
LinkedIn-Icon:
Tommelfinger-icon:
To avsnitt opprettes som skriver ut LinkedIn -ikonet og tommelen opp ikonet ved hjelp av Bi-Linkedin og Bihands-thumbs-up-fylling Klasser av bootstrap-Icons.
Produksjon
Utgangen viser at LinkedIn-ikonet og tommel opp ikonet har blitt integrert i HTML-dokumentet suksessfullt.
Konklusjon
Bootstrap -ikonene kan legges til HTML og CSS ved å bruke CDN -lenke med standardikoner. Standardikonstøtte er gitt av Bootstrap selv, og du må legge til CDN -lenken til Bootstrap -ikoner i HTML -dokumentet ditt. Dette beskrivende innlegget som gjør at du kan legge til bootstrap -ikoner i HTML og CSS. Dessuten vil du også lære å sette opp et miljø med bootstrap-Icons med HTML og CSS.