0

我正在尝试将 twitter bootstrap 与 react 一起使用。我有以下代码：

import { Container, Row, Col} from 'react-bootstrap';

const SignUpComponent = ({ history }: { [key: string]: any }) => (
  <>
    <Container fluid>
      
      <Row>
       <Col lg={4} md={4}>xxx</Col>
       <Col lg={4} md={4}>yyy</Col>
       <Col lg={4} md={4}>zzz</Col>

      </Row>
    </Container>
  </>
 
);

我原以为它会在屏幕上显示为 3 列，但我看到了以下输出。

xxx
yyy
zzz

代替

xxx yyy zzz

我无法调试为什么会这样。任何人都可以帮助为什么会发生这种情况？

4

1 回答 1

0

index.tsx文件需要具有以下导入

import 'bootstrap/dist/css/bootstrap.min.css';
于 2021-03-03T09:04:01.227 回答