Bootstrap React 的 bsStyle 不起作用

Question

我已经在 boostrap React 上工作了 3 个小时。我试图找到我的问题的问题和答案。 Bootstrap React 的 bsStyle 根本不起作用，所以我想知道为什么？我看过很多例子，它们就像我所做的那样导入。

import {Button} from 'react-bootstrap';

但我仍然得到一个 没有任何样式的简单按钮 这是我的组件

export class bsButton extends React.Component{
render () {
        return (
            <div>
                <Button bsStyle="primary">primary button</Button>
            </div>
        );
    }
}

我的导入或我的组件代码有什么问题？感谢您的帮助 :D

Answer 1

您需要确保在页面的头部添加了 bootstrap CSS。 Getting Started 通过NPM 添加库时很容易忘记这一点

Answer 2

包括

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

在 public/index.html

  <head>
  .
  .
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
  .
  .
  </head>

来源：here

Bootstrap React 的 bsStyle 不起作用

bsStyle of Bootstrap React doesn't work

reactjs

react-bootstrap