Jak dodać ikony bootstrap w HTML i CSS
Jak dodać ikony bootstrap w HTML i CSS
Ikony bootstrap można dodać w HTML i CSS za pomocą linku CDN bootstrap-iCons. W tej sekcji opisano obie metody dodawania ikon bootstrap w HTML i CSS.
Jak dodać ikony bootstrap za pomocą linku CDN
Link CDN (sieć dostarczania/dystrybucji treści) umożliwia bardzo łatwo dodać biblioteki CSS, JS i JQuery. Tatkując link CDN z bootstrap-icons, nie musisz pobierać i integracji ikon bootstrap z HTML. Nadchodzące kroki doprowadzą do dodania linków CDN, a następnie dodawania ikon bootstrap.
Krok 1: Dodaj link CDN ikon bootstrap
Bootstrap5 to najnowsza wersja Bootstrap, więc aby dodać link CDN Bootstrap-Icons, skopiuj/wklej następujący link w znaczniku.
Krok 2: Dodanie ikon bootstrap
Aby dodać ikony bootstrap, musisz użyć następującej składni.
W powyższej składni, Nazwa bi-klas reprezentuje nazwę klasy ikon, takich jak bi-search, bi-calendar, bi-facebook itp.,
Przykład
W tym przykładzie wykorzystuje klasę ikon bootstrap do wydrukowania ikony LinkedIn i kciuki w górę.
LinkedIn-icon:
Kciuka-icon:
Tworzone są dwa akapity, które drukuje ikonę LinkedIn i ikonę do góry za pomocą za pomocą BI-Linkedin I BY HANDS-THUMBSBS-UPLING Klasy bootstrap-ikony.
Wyjście
Dane wyjściowe pokazuje, że ikona LinkedIn i ikona kciuka zostały uświadomione z dokumentem HTML.
Wniosek
Ikony bootstrap można dodać do HTML i CSS za pomocą linku CDN z ikon domyślnych. Domyślna obsługa ikon jest dostarczana przez samo Bootstrap i musisz dodać link CDN ikon bootstrap w dokumencie HTML. Ten opisowy post, który umożliwi dodanie ikon bootstrap w HTML i CSS. Ponadto nauczysz się także tworzyć środowisko bootstrap-ikony z HTML i CSS.