How to use the react-bootstrap.Row function in react-bootstrap

var ReactBootstrap = require('react-bootstrap');
var ReactRouter = require('react-router');
var ReactIntl = require('react-intl');
var ReactDocumentTitle = require('react-document-title');
var Reflux = require('reflux');

var ForceAuthMixin = require('../mixin/ForceAuthMixin');

var BillStore = require("../store/BillStore");

var BillAction = require("../action/BillAction");

var BillEditor = require("../component/BillEditor");

var Grid = ReactBootstrap.Grid,
    Row = ReactBootstrap.Row,
    Col = ReactBootstrap.Col;

var Link = ReactRouter.Link;

var EditBill = React.createClass({

    mixins: [
        ReactIntl.IntlMixin,
        ForceAuthMixin
    ],

    getInitialState: function()
    {
        return {billId: null};
    },

var ReactBootstrap = require('react-bootstrap');
var ReactRouter = require('react-router');
var ReactIntl = require('react-intl');
var ReactDocumentTitle = require('react-document-title');
var Reflux = require('reflux');

var ForceAuthMixin = require('../mixin/ForceAuthMixin');

var BillStore = require('../store/BillStore');

var BillAction = require('../action/BillAction');

var BillEditor = require('../component/BillEditor');

var Grid = ReactBootstrap.Grid,
    Row = ReactBootstrap.Row,
    Col = ReactBootstrap.Col;

var Link = ReactRouter.Link;

var CreateBill = React.createClass({

    mixins: [
        ReactIntl.IntlMixin,
        ForceAuthMixin
    ],

    render: function()
    {
        if (!this.isAuthenticated())
            return this.renderLoginPage(this.getIntlMessage('login.REQUIRE_LOGIN'));

/**
 * The About route describes red hot react and displays a screen cast.
 */

var React = require('react'),
    bootstrap = require('react-bootstrap'),
    config = require('../../app.config'),
    DocumentTitle = require('react-document-title'),
    Row = bootstrap.Row,
    Col = bootstrap.Col;

var About = React.createClass({
    render: function () {
        return (
            
                <div>
                    <h1>About</h1>
                    
                        
                            <p>
                            Red-Hot-React is an opinionated boilerplate for ReactJS. It emphasises developer workflow with the aim of maximising productivity and easing delivery. See it in action below:
                            </p>
                        
                    
                    </div>

var React = require('react');
var ReactDOM = require('react-dom');

var ReactBootstrap = require('react-bootstrap');
var Grid = ReactBootstrap.Grid;
var Row = ReactBootstrap.Row;
var Col = ReactBootstrap.Col;
var Form = ReactBootstrap.Form;
var FormGroup = ReactBootstrap.FormGroup;
var FormControl = ReactBootstrap.FormControl;
var Checkbox = ReactBootstrap.Checkbox;
var ControlLabel = ReactBootstrap.ControlLabel;
var Button = ReactBootstrap.Button;
var ButtonGroup = ReactBootstrap.ButtonGroup;
var Glyphicon = ReactBootstrap.Glyphicon;
var ListGroup = ReactBootstrap.ListGroup;
var ListGroupItem = ReactBootstrap.ListGroupItem;
var Alert = ReactBootstrap.Alert;
var Modal = ReactBootstrap.Modal;
var Collapse = ReactBootstrap.Collapse;
var Tabs = ReactBootstrap.Tabs;
var Tab = ReactBootstrap.Tab;

var React = require('react');
var Bootstrap = require('react-bootstrap');
var JobVizHeader = require('./Viz/JobVizHeader');
var UnitsChart = require('./Viz/UnitsChart');
var WorkersChart = require('./Viz/WorkersChart');
var AnnotationsChart = require('./Viz/AnnotationsChart');
var Row = Bootstrap.Row;
var Col = Bootstrap.Col;
var Button = Bootstrap.Button;

var JobViz = React.createClass({displayName: "JobViz",

  getInitialState: function(){
    return {
      top: UnitsChart,
      left: WorkersChart,
      right : AnnotationsChart
      }
  },

  componentDidMount: function(){
    //set up job
  },

"use strict";

var React = require('react');

var Grid = require('react-bootstrap').Grid;
var Col = require('react-bootstrap').Col;
var Row = require('react-bootstrap').Row;
var Modal = require('react-bootstrap').Modal;
var Button = require('react-bootstrap').Button;

var Form = require('react-bootstrap').Form;
var FormControl = require('react-bootstrap').FormControl;
var FormGroup = require('react-bootstrap').FormGroup;
var ControlLabel = require('react-bootstrap').ControlLabel;
var Radio = require('react-bootstrap').Radio;

var Switch = require('react-bootstrap-switch');

var log = require('../../logger');

var Blink1SerialOption = require('./blink1SerialOption');

realtimeEffects={realtimeEffects}
            useRealtime={useRealtime}
          />
        )
      */

      var locationsSummary = _react.default.createElement("div", {
        style: {
          position: 'fixed',
          top: 50,
          left: 0,
          right: 0,
          height: 50,
          paddingRight: 10
        }
      }, _react.default.createElement(_reactBootstrap.Row, {
        className: "locations-summary",
        style: {
          padding: '4px 8px'
        }
      }, _react.default.createElement(_reactBootstrap.Col, {
        xs: 8,
        sm: 11,
        style: {
          fontSize: '1.1em',
          lineHeight: '1.2em'
        }
      }, _react.default.createElement("div", {
        className: "location"
      }, _react.default.createElement(_locationIcon.default, {
        type: "from"
      }), " ", query.from ? query.from.name : ''), _react.default.createElement("div", {

var React = require('react');
var ReactBootstrap = require('react-bootstrap');
var ReactRouter = require('react-router');
var ReactIntl = require('react-intl');
var Reflux = require('reflux');

var ForceAuthMixin = require('../mixin/ForceAuthMixin');

var BillStore = require("../store/BillStore");

var BillAction = require("../action/BillAction");

var BillLink = require("../component/BillLink");

var Grid = ReactBootstrap.Grid,
    Row = ReactBootstrap.Row,
    Col = ReactBootstrap.Col,
    Button = ReactBootstrap.Button,
    ButtonToolbar = ReactBootstrap.ButtonToolbar;

var Link = ReactRouter.Link;

var EditBill = React.createClass({

    mixins: [
        Reflux.connect(BillStore, 'bills'),
        ReactIntl.IntlMixin,
        ForceAuthMixin
    ],

    componentWillReceiveProps: function(props)
    {

var Login         = require('./views/login.jsx');

var Create        = require('./views/createSpell.jsx');
var Edit          = require('./views/createSpell.jsx');
var Spell         = require('./views/spell.jsx');
var Notfound      = require('./views/p404.jsx');
var Footer        = require('./components/footer.jsx');

var userStore     = require('./stores/userStore');
var actions       = require('./actions/actions');

var Nav           = BS.Nav;
var NavItem       = BS.NavItem;
var Navbar        = BS.Navbar;
var Grid          = BS.Grid;
var Row           = BS.Row;
var Col           = BS.Col;

require('brace/theme/github');

var CobbleApp = React.createClass({
  mixins: [
    Router.Navigation,
    Reflux.listenTo(userStore, 'updateUser')
  ],
  getInitialState: function() {
    return {
      user: userStore.getUser(),
    };
  },
  updateUser: function (user) {
    this.setState({

value: function render() {
      return _react2['default'].createElement(
        'div',
        null,
        _react2['default'].createElement(
          'h1',
          null,
          'ES6 JavaScript with Modules Using System.js'
        ),
        _react2['default'].createElement(
          _reactBootstrap.Row,
          null,
          _react2['default'].createElement(
            _reactBootstrap.Col,
            { xs: 12, md: 6 },
            _react2['default'].createElement(_echartsComponentsWordCloudChart2['default'], null)
          ),
          _react2['default'].createElement(
            _reactBootstrap.Col,
            { xs: 12, md: 6 },
            _react2['default'].createElement(_threejsWebglBuffergeometryDrawcallsComponentsHelloWorld2['default'], null)
          )
        )
      );
    }
  }]);