react-bootstrap 网格布局显示不正确

Question

我正在使用 typescript、react 和 react-bootstrap。我有以下代码

import React from "react"
import "./homepage/HomePage.css"
import {Col, Container, Row} from "react-bootstrap"



function HomePage() {
    return (
        <>
            <h1>Administration</h1>
            <Container>
                <Row>
                    <Col><p>Hello 1</p></Col>
                    <Col><p>Hello 2</p></Col>
                </Row>
            </Container>
        </>
    )
}

这只是说明了这一点

Answer 1

export default Homepage; 在你的代码末尾

并确保您已导入 import 'bootstrap/dist/css/bootstrap.min.css';