JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap-theme.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.30.7/react-bootstrap.js"></script>

<body>
  <div id="custom"></div>
  <div id="regular"></div>
  <script>

  </script>
</body>

CSS

.navbar-brand {
  display: flex;
  align-items: center;
}
.navbar-brand>img {
  padding: 7px 14px;
}

Babel + JSX

const navbarInstance = (
  <ReactBootstrap.Navbar inverse collapseOnSelect>
    <ReactBootstrap.Navbar.Header>
      <ReactBootstrap.Navbar.Brand>
      <a href="#"><img src="https://facebook.github.io/react/img/logo.svg" weign="40" height="40"/>React</a>
      </ReactBootstrap.Navbar.Brand>
      <ReactBootstrap.Navbar.Toggle />
    </ReactBootstrap.Navbar.Header>
    <ReactBootstrap.Navbar.Collapse>
      <ReactBootstrap.Nav>
        <ReactBootstrap.NavItem eventKey={1} href="#">Link</ReactBootstrap.NavItem>
        <ReactBootstrap.NavItem eventKey={2} href="#">Link</ReactBootstrap.NavItem>
        <ReactBootstrap.NavDropdown eventKey={3} title="Dropdown" id="basic-nav-dropdown">
          <ReactBootstrap.MenuItem eventKey={3.1}>Action</ReactBootstrap.MenuItem>
          <ReactBootstrap.MenuItem eventKey={3.2}>Another action</ReactBootstrap.MenuItem>
          <ReactBootstrap.MenuItem eventKey={3.3}>Something else here</ReactBootstrap.MenuItem>
          <ReactBootstrap.MenuItem divider />
          <ReactBootstrap.MenuItem eventKey={3.3}>Separated link</ReactBootstrap.MenuItem>
        </ReactBootstrap.NavDropdown>
      </ReactBootstrap.Nav>
      <ReactBootstrap.Nav pullRight>
        <ReactBootstrap.NavItem eventKey={1} href="#">Link Right</ReactBootstrap.NavItem>
        <ReactBootstrap.NavItem eventKey={2} href="#">Link Right</ReactBootstrap.NavItem>
      </ReactBootstrap.Nav>
    </ReactBootstrap.Navbar.Collapse>
  </ReactBootstrap.Navbar>
);

ReactDOM.render(navbarInstance, document.getElementById('regular'));