反应 Bootstrap 问题

Question

网格系统不工作也许我很笨但我不明白，我的代码:

import React from "react";
import {Col, Row} from "react-bootstrap";


const Home = () => {
    return (
            <Row className="home">
                <Col xs={6}>2 of 3 (wider)</Col>
                <Col xs={6}>3 of 3</Col>
            </Row>
    )
}

export default Home;

Answer 1

您应该在项目中导入 bootstrap css

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

Answer 2

尝试在 public 文件夹的 index.html 中添加 bootstrap CDN link 。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

引用https://getbootstrap.com/docs/3.3/getting-started/

反应 Bootstrap 问题

React Bootstrap issue

javascript

reactjs

react-bootstrap