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

Question

使用 React-Bootstrap，我怎样才能制作一个反向字形按钮？

我有这样的按钮：

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

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

这个问题询问的是不一样的颜色。

谢谢！

score 1 · Accepted Answer

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

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

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

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

successarewarning info和 for Button的一些替代方法link。完整列表在http://react-bootstrap.github.io/components.html的文档中

1 回答 1