How to style react-bootstrap components

[kgupta15]

How do I style the react-bootstrap components ? I tried using bsStyle and className for the component and putting the styling code in scss file, but the style isnt loading. js

<Navbar fixedTop bsStyle="styles.navbar">
  <Navbar.Header className="styles.header">
    <Navbar.Brand>
      <IndexLink to="/" activeStyle={{color: '#33e0ff'}}>
        <div className={styles.brand}/>
        <span>{config.app.title}</span>
      </IndexLink>
    </Navbar.Brand>
    <Navbar.Toggle/>
  </Navbar.Header>
</Navbar>

scss

.app {
    .navbar {
        height: 50px;
    }
    .header {
        background: #eeffcc;
    }
}