如何使用React-Bootstrap制作具有反色着色的Glyphicon？

Question

使用React-Bootstrap，如何制作反向glyphicon按钮？

我有这样的按钮：

    <Button onClick={this.onHome} >
    <Glyphicon glyph="home" /> 
    </Button>

但我希望他们看起来相反。

This question询问颜色是不一样的。

谢谢！

Answer 1

要在绿色背景上显示字形，请使用bsStyle="success"：

<Button onClick={this.onHome} bsStyle="success">
  <Glyphicon glyph="home" /> 
</Button>

另一个例子，使用标签而不是按钮：

<Label bsStyle="success"><Glyphicon glyph="home" /></Label>

success的一些替代方案是warning info，而Button也是link。完整列表位于http://react-bootstrap.github.io/components.html

的文档中