时间戳

首页 > 解决方案 > 使用 React Bootstrap 自定义 Card.Header

javascript - 使用 React Bootstrap 自定义 Card.Header

问题描述

当 Card.Header 作为道具传递给 Accordion.Toggle 时，如何设置它的样式？例如，我不知道如何将“Click Me”加粗。

    <Accordion defaultActiveKey="0">
        <Card>
            <Accordion.Toggle as={Card.Header} eventKey="0">
            Click me!
            </Accordion.Toggle>
            <Accordion.Collapse eventKey="0">
            <Card.Body>Text</Card.Body>
            </Accordion.Collapse>
        </Card>
        <Card border="secondary">
            <Accordion.Toggle as={Card.Header} eventKey="1">
            Click me!
            </Accordion.Toggle>
            <Accordion.Collapse eventKey="1">
            <Card.Body>Hello! I'm another body</Card.Body>
            </Accordion.Collapse>
        </Card>
    </Accordion>

标签： javascripthtmlreactjsreact-bootstrap

解决方案

您是否尝试过添加粗体 html 标签？

<b> Click me! </b> 

<b></b>

推荐阅读