bootstrap React的bsStyle不起作用

Yim*_*ing 6 reactjs react-bootstrap

我一直在研究boostrap反应3小时.我试图找到我的问题的问题和答案.Bootstrap React的bsStyle根本不起作用,所以我想知道为什么?我看过很多例子,他们只是像我所做的那样导入.

import {Button} from 'react-bootstrap';
Run Code Online (Sandbox Code Playgroud)

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

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

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

Wil*_*ill 9

您需要确保在页面的头部添加了引导程序CSS. 入门通过NPM添加库时很容易忘记


Cha*_*tor 6

包括

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
Run Code Online (Sandbox Code Playgroud)

在public/index.html中

  <head>
  .
  .
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
  .
  .
  </head>
Run Code Online (Sandbox Code Playgroud)

来源:这里