react.js中使用react-bootstrap时，怎样自定义样式

Question

现在需要在使用react的项目中使用bootstrap并且对其的一些基本样式进行更改，应该如何实现呢。

比如（更改按钮的背景颜色）：

这个生成的按钮，其代码如下：

而其运行后生成的代码为

其背景颜色是在a标签的属性

而如果我在其样式上添加颜色属性

其改变的是父元素的属性，而子元素继续保持不变，那么我应该如何实现更改按钮的背景颜色呢。

Answer 1

如果要改全部button的样式，直接写

.nav-pills > li.active > a {
    background-color: #FFF;
    color: #000;
}

覆盖掉默认的bootstrap button样式， 如果只想更改某一个地方的，就在Nav外面套一层父元素，加一个class，如：

.parent > .nav-pills > li.active > a {
    background-color: #FFF;
    color: #000;
}