Cómo agregar iconos de arranque en HTML y CSS
Cómo agregar iconos de arranque en HTML y CSS
Los iconos de bootstrap se pueden agregar en HTML y CSS utilizando el enlace CDN de Bootstrap-icons. Esta sección describirá ambos métodos para agregar iconos de arranque en HTML y CSS.
Cómo agregar iconos de arranque usando el enlace CDN
El enlace CDN (red de entrega/distribución de contenido) permite agregar las bibliotecas CSS, JS y JQuery muy fácilmente. Damando el enlace CDN de Bootstrap-icons, no necesita descargar e integrar los iconos de bootstrap con HTML. Los próximos pasos lo llevarán a agregar enlaces CDN seguidos de agregar iconos de arranque.
Paso 1: Agregue el enlace CDN de los iconos de arranque
Bootstrap5 es la última versión de Bootstrap, por lo que para agregar el enlace CDN de Bootstrap-icons, copiar/pegar el siguiente enlace en la etiqueta.
Paso 2: Agregar iconos de arranque
Para agregar iconos de arranque, debe usar la siguiente sintaxis.
En la sintaxis anterior, la nombre de clase Representa el nombre de clase de los íconos como Bi-Search, Bi-Calendar, BI-Facebook, etc.,
Ejemplo
Este ejemplo usa la clase de iconos de bootstrap para imprimir el icono de LinkedIn y los pulgares.
LinkedIn-icon:
Thumbsup-Icon:
Se crean dos párrafos que imprimen el icono de LinkedIn y el icono de pulgares Usando bielinkedin y bi-hands-thumbs-up-relleno clases de bootstrap-icons.
Producción
La salida muestra que el icono de LinkedIn y el icono de pulgares se ha integrado con éxito en el documento HTML.
Conclusión
Los iconos de bootstrap se pueden agregar a HTML y CSS utilizando el enlace CDN de los iconos predeterminados. El soporte de iconos predeterminado es proporcionado por Bootstrap y debe agregar el enlace CDN de los iconos de arranque en su documento HTML. Esta publicación descriptiva que le permitirá agregar iconos de arranque en HTML y CSS. Además, también aprendería a establecer un entorno de bootstrap-icons con HTML y CSS.