0
697
Vistas¿Cómo hago que aparezca un icono de Bootstrap?
Soy nuevo en Bootstrap y estoy creando una pantalla de inicio de sesión para una aplicación. Quiero usar MDBIcons para google, twitter y facebook. Seguí la documentación aquí https://mdbootstrap.com/docs/b5/react/components/buttons/
Sin embargo, cuando veo mi página web no puedo ver los íconos. Solo llevo un pequeño botón en el color de la marca. Mi código para el botón del ícono de Google se ve así
import "./App.css"; import React from "react"; import { MDBIcon, MDBBtn } from 'mdb-react-ui-kit'; const SignIn = () => { return ( <> <MDBBtn className="m-1" style={{ backgroundColor: "#dd4b39" }} href="#" > <MDBIcon fab icon="google" /> </MDBBtn> </> ); }; 
La imagen de arriba es lo que veo, no hay logotipo de Google en el botón. Estoy usando React y ejecutando 'npm start' para ver mi página web en Chrome.
Cualquier ayuda sería apreciada.
1 Respuestas
Responde la pregunta0
¿Agregó estilo en el archivo public/index.html? La información al respecto está aquí. Guía de instalación de React MDB .
Quiero decir esto:
link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet"/>De lo contrario, intente agregar esto en la sección "head" de su archivo index.html .