ReactJS入门工具包和引导程序

我正在尝试使用Twitter引导与ReactJS。我开始使用react-starter-kit（https://github.com/kriasoft/react-starter-kit）并安装react-bootstrap。安装后，我试着创建一些简单的按钮来查看它是否工作，但它们看起来不正确。我也看到了这个链接，https://github.com/kriasoft/react-starter-kit/issues/179，但没有运气。ReactJS入门工具包和引导程序

我试着这样做：

/*! React Starter Kit | MIT License | http://www.reactstarterkit.com/ */ 

import React, { Component } from 'react'; 
import {Button, ButtonToolbar} from 'react-bootstrap'; 

class Header extends Component { 

    render() { 
    return (
     <div> 
      <ButtonToolbar> 
       <Button bsStyle="primary" bsSize="large">Large button</Button> 
       <Button bsSize="large">Large button</Button> 
       <Button bsStyle="primary" bsSize="xsmall">Extra small button</Button> 
      </ButtonToolbar> 
      </div> 
     //<button type="button" className="btn btn-info btn-sm">Small Info Button</button> 

    ); 
    } 

} 

export default Header;

我注释掉线试了一下为好，但我没能得到这工作的。

有谁知道为什么这些Bootstrap按钮没有被正确渲染？

来源

2015-11-26 Jon

您的屏幕截图表示没有应用CSS。据我所知，react-bootstrap不包含样式。你必须从bootstrap本身拉入CSS。

测试最简单的方法是放弃以下到HTML：

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">

来源

2015-11-27 02:56:55

这工作！谢谢 –

ReactJS入门工具包和引导程序

回答

相关问题