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

巨简单无比的代码,就是在新建的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;

但是显示结果却是这样:

clipboard.png

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

阅读 1.1k
评论 2019-08-01 提问
    1 个回答

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

    评论 赞赏 2019-08-01
      撰写回答

      登录后参与交流、获取后续更新提醒