title: Change color & background-color of NavDropdown in react-bootstrap
body: <p>With my <code>NavDropdown</code> in <code>react-bootstrap</code>, I'm not able to style its color or background-color...</p>
  
  <pre><code>&lt;NavDropdown eventKey={3} className="text-center" style={{ fontSize: `130%` }} title="Items to Choose" &gt;
    &lt;LinkContainer to="/about"&gt;
      &lt;MenuItem eventKey={3.1} className="text-center"&gt;About&lt;/MenuItem&gt;    
    &lt;/LinkContainer&gt;
    &lt;MenuItem divider /&gt;
    &lt;LinkContainer to="/products"&gt;
      &lt;MenuItem eventKey={3.2} className="text-center"&gt;Products&lt;/MenuItem&gt;    
    &lt;/LinkContainer&gt;      
    &lt;MenuItem divider /&gt;
    &lt;LinkContainer to="/blog-index"&gt;
      &lt;MenuItem eventKey={3.3} className="text-center"&gt;Blog&lt;/MenuItem&gt;    
    &lt;/LinkContainer&gt;
  &lt;/NavDropdown&gt;
  </code></pre>
  
  <p>I am able to change the font-size using <code>style={{ fontSize: '130%' }}</code>, but I'd also like to change the color and background-color using,..</p>
  
  <p><code>style={{ fontSize: '130%', color: '#fff', backgroundColor: 'blue' }}</code></p>
  
  <p>...but <code>color</code> and <code>backgroundColor</code> do not work within the brackets.</p>
  
  <p>One thing that I'd tried to do was to wrap the <code>&lt;NavDropdown&gt;</code> element in a styling <code>div</code>, but that messed up the Navbar elements' alignment.</p>