react-bootstrap popover container

Starting point for creating JSFiddles with React. This uses React with Addons.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.27.2/react-bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.30.3/react-bootstrap.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>
<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

JavaScript 1.7

function CustomPopover(props) {
  return (
    <ReactBootstrap.Popover {...props}>
      {props.children}
    </ReactBootstrap.Popover>
  );
}

const popoverBottom = (
  <ReactBootstrap.Popover id="popover" title="Popover">
    <strong>Holy guacamole!</strong> Check this info.
  </ReactBootstrap.Popover>
);

class Positioner extends React.Component {
  render() {
    return (
      <div>
        <br /><br /><br /><br /><br />
        <ReactBootstrap.OverlayTrigger  container={this} trigger="click" placement="top" id="foo" overlay={<CustomPopover>Hello</CustomPopover>} >
          <ReactBootstrap.Button>
          	Works!
          </ReactBootstrap.Button>
        </ReactBootstrap.OverlayTrigger>
&nbsp;
        <ReactBootstrap.OverlayTrigger trigger="click" placement="top" id="foo" overlay={popoverBottom}>
          <ReactBootstrap.Button>
          	Works ok!
          </ReactBootstrap.Button>
        </ReactBootstrap.OverlayTrigger>
      </div>
    );
  }
}

ReactDOM.render(<Positioner />,  document.getElementById('container'));