react+antd栅格布局里col为什么不在同一行？

Question

巨简单无比的代码，就是在新建的reactapp里写的：

import React from 'react';
import './App.css';
import { Row, Col } from 'antd';

function App() {
return (

  <div>
    <Row>
      <Col span={12}>col-12</Col>
      <Col span={12}>col-12</Col>
    </Row>
  </div>

);
}

export default App;

但是显示结果却是这样：

为什么这两个col不在同一行呢，求求各位大侠救救小弟

Answer 1

找到原因了，没有import 'antd/dist/antd.css';