Estoy tratando de aprender nuevas funciones y cosas generales sobre react-bootstrap (soy bastante nuevo en el front-end). Estaba jugando con las funciones de arranque y estaba tratando de personalizar algunas cosas en Cards en particular.

Estaba tratando de hacer que cada componente de la tarjeta fuera diferente entre sí en cuanto a estilo. Como por ejemplo, quería el encabezado en estilo "primario", mientras que el cuerpo en "secundario", pero no tengo idea de cómo hacerlo. ¿Me puedes ayudar? :)

 import React from "react"; import { Button, Card } from "react-bootstrap"; const Info = (props) => { return ( <Card border="primary" style={{ width: "18rem" }}> <Card.Header> Header </Card.Header> <Card.Body > Some text </Card.Body> </Card> ); }; export default Info;