react-bootstrap,bsStyle无效

时间:2018-04-28 04:11:13

标签: javascript html reactjs react-bootstrap

[这是我的反应文件][1]我是反应开发者,我试图第一次使用react-boostrap,我做了npm install react-bootstrap,我把cdn放在index.html的头部,但是我不知道bsStyle不起作用,任何人都可以帮助我。按钮应该是不同的颜色。谢谢

enter image description here

1 个答案:

答案 0 :(得分:1)

检查一下,使用输入类型作为按钮有多个优点,它将解决您的问题。

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

<ButtonToolbar>
  <input type='button' class="btn btn-default" value='Default'/>
  <input type='button' class="btn btn-primary" value='Primary'/>
  <input type='button' class="btn btn-success" value='Success'/>
  <input type='button' class="btn btn-info" value='Info'/>
  <input type='button' class="btn btn-warning" value='Warning'/>
  <input type='button' class="btn btn-danger" value='Danger'/>
  <input type='button' class="btn btn-link" value='Link'/>
</ButtonToolbar>