Question

我目前正在使用reactjs和twitter bootstrap（用于样式）。我也使用找到HERE的CSSModules库来允许外部样式表。我已经能够没有正确的样式获得任何引导程序组件，但我正在努力使用我自己的自定义CSS覆盖Twitter引导程序样式。更具体地说，我无法使用自己的样式覆盖navbar-inverse类。我的目标是将背景颜色更改为白色，将链接文本颜色更改为黑色。下面的代码只关注改变背景颜色，但我能想到的任何变化都没有任何反应。有没有人想出正确的方法来覆盖反应组件的Twitter引导样式？非常感谢您的帮助！

如果您有任何问题或疑虑，请告诉我们。

这是HTML

  <nav class="navbar navbar-inverse navbar-fixed-top" styleName="navbar-custom">
                <div class="container-fluid">
                    <div id="navbar" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="#Home" activeClassName="active"> Home</a></li>
                            <li><a href="#OurMission" activeClassName="active"> Our Mission </a></li>
                            <li><a href="#Projects" activeClassName="active">Projects </a></li>
                        </ul>
                    </div>
                </div>
            </nav>

并且有来自styles.css的CSS

.navbar-custom{
   background-color: #ffffff!important;
}

Answer 1

您正在寻找“className”属性而不是“styleName”。并且，您应该将所有“类”属性更改为“className”，否则React将在解析您的dom时抛出警告。

React Components和覆盖Twitter Bootstrap样式

1 个答案: