Reactstrap Row 和 Col 没有按预期工作

Question

我使用 reactstrap，我想连续显示 2 个元素，但我得到一列：screenshot

这是我的代码：

export default class Intro extends Component {
    render() {
        return (
            <Container>
                <Row>
                    <Col>HOO</Col>
                    <Col>BAA</Col>
                </Row>
            </Container>
        );
    }
}

function App() {
    return (
            <Intro />
    );
}

我是 React 的新手。我哪里会漏掉一些东西？

Answer 1

可能你没有在index.js文件中导入Bootstrap CSS，你应该添加：

import 'bootstrap/dist/css/bootstrap.min.css';

在index.js 或App.js 文件的顶部