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

/** @jsx React.DOM */
var _ = require('underscore'),
  $ = require('jquery'),
  moment = require('moment'),
  React = require('react'),
  RB = require('react-bootstrap'),
  Jumbotron = RB.Jumbotron,
  Button = RB.Button,
  Panel = RB.Panel,
  Well = RB.Well,
  Navbar = RB.Navbar,
  Nav = RB.Nav,
  Grid = RB.Grid,
  Row = RB.Row,
  Col = RB.Col,
  Table = RB.Table;

// for server side rendering only
// enable this for server side rendering
// this somehow affects browserify
// if(typeof window === 'undefined'){
//   var Firebase = require('firebase');
//   var FirebaseSimpleLogin = function(){};
// }

var AppView = React.createClass({
  getInitialState: function() {
    this.firebaseRef = new Firebase("//reactjsx.firebaseio.com");
    this.peopleRef = this.firebaseRef.child("people");

var React      = require('react');
var BS         = require('react-bootstrap');
var actions    = require('../actions/actions');
var Router     = require('react-router');
var Reflux     = require('reflux');
var userStore  = require('../stores/userStore');
var loginStore = require('../stores/loginStore');
var Input      = BS.Input;
var Button     = BS.Button;
var Grid       = BS.Grid;
var Row        = BS.Row;
var Col        = BS.Col;
var Panel      = BS.Panel;
var Alert      = BS.Alert;

var Spinner = require('../components/spinner.jsx');

var Login = React.createClass({
  mixins: [
    Router.Navigation,
    // Reflux.listenTo(userStore, 'loginSucc'),
    Reflux.listenTo(loginStore, 'loginErr'),
  ],
  // loginSucc: function(user){
    // this.transitionTo("home");
  // },

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

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

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

var ArgumentTab = require('./ArgumentTab'),
    SourceTab = require('./SourceTab');

var SourceStore = require('../store/SourceStore'),
    ArgumentStore = require('../store/ArgumentStore'),
    ConfigStore = require('../store/ConfigStore');

var Grid = ReactBootstrap.Grid,
    Row = ReactBootstrap.Row,
    Col = ReactBootstrap.Col,
    Tabs = ReactBootstrap.Tabs,
    Tab = ReactBootstrap.Tab,
    Button = ReactBootstrap.Button,
    Accordion = ReactBootstrap.Accordion,
    Panel = ReactBootstrap.Panel;

var Bill = React.createClass({

    mixins: [
        ForceAuthMixin,
        ReactIntl.IntlMixin,
        Reflux.connect(SourceStore, 'sources'),
        Reflux.connect(ArgumentStore, 'args'),
        Reflux.connect(ConfigStore, 'config')

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

var react_update = require('react-addons-update');

var ReactBootstrap = require('react-bootstrap');
var Alert = ReactBootstrap.Alert;
var Modal = ReactBootstrap.Modal;
var Pagination = ReactBootstrap.Pagination;
var Label = ReactBootstrap.Label;
var Table = ReactBootstrap.Table;
var Grid = ReactBootstrap.Grid;
var Row = ReactBootstrap.Row;
var Col = ReactBootstrap.Col;
var Panel = ReactBootstrap.Panel;
var Form = ReactBootstrap.Form;
var FormGroup = ReactBootstrap.FormGroup;
var FormControl = ReactBootstrap.FormControl;
var InputGroup = ReactBootstrap.InputGroup;
var ControlLabel = ReactBootstrap.ControlLabel;
var HelpBlock = ReactBootstrap.HelpBlock;
var Button = ReactBootstrap.Button;
var ButtonGroup = ReactBootstrap.ButtonGroup;
var ButtonToolbar = ReactBootstrap.ButtonToolbar;
var ProgressBar = ReactBootstrap.ProgressBar;
var Glyphicon = ReactBootstrap.Glyphicon;

var ReactWidgets = require('react-widgets')

var React = require('react');
var RB = require('react-bootstrap');
var Button = RB.Button;
var ButtonToolbar = RB.ButtonToolbar;
var ButtonGroup = RB.ButtonGroup;
var Input = RB.Input;
var Grid = RB.Grid;
var Row = RB.Row;
var Col = RB.Col;
var TabbedArea = RB.TabbedArea;
var TabPane = RB.TabPane;
var store = require('store2');
var numeral = require('numeral');
var _ = require('lodash');
var TrackerHelper = require('tracker/helper');
window.tinycolor = require('tinyColor');
require('colorPicker');
var extend = require('extend');

var config = require('../conf/config');

/** Components */
var Notify = require('../components/Notify');

var React = require("react");
var ReactCSSTransitionGroup = require("react-addons-css-transition-group");
var Grid = require("react-bootstrap").Grid;
var Row = require("react-bootstrap").Row;
var PageHeader = require("react-bootstrap").PageHeader;
var SessionStore = require("../../stores/session_store");
var DiscoverStore = require("../../stores/discover_store");
var DiscoverActions = require("../../actions/discover_actions");
var DiscoverTrack = require("./discover_track");
var PlaylistModal = require("../playlist_modal/playlist_modal");

module.exports = React.createClass({
  getInitialState: function () {
    return this.getStateFromStore();
  },

  getStateFromStore: function () {
    return {
      tracks: DiscoverStore.all(),

import React from 'react'
import Router from 'react-router'
import Bootstrap from 'react-bootstrap'

var Grid = Bootstrap.Grid;
var Jumbotron = Bootstrap.Jumbotron;
var Input = Bootstrap.Input;

export default React.createClass({
    mixins: [Router.Navigation],

    render: function () {
        return (
            
                
                    <h1>Welcome stranger!</h1>
                
            
        )
    }
});

var React = require('react/addons');
var RouteHandler = require('react-router').RouteHandler;
var Header = require('./Header.jsx');
var Footer = require('./Footer.jsx');
var Grid = require('react-bootstrap').Grid;
var Row = require('react-bootstrap').Row;
var Col = require('react-bootstrap').Col;

var App = React.createClass({

    render : function() {
        return (
            
                
                    
                        <header>
                        
                    
                
                
                    </header>

"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');

var React = require("react");
var ReactCSSTransitionGroup = require("react-addons-css-transition-group");
var Grid = require("react-bootstrap").Grid;
var Row = require("react-bootstrap").Row;
var RandomTrackItem = require("./random_track_item");
var ExploreButton = require("./explore_button");

module.exports = React.createClass({
  _shuffleTracks: function (size) {
    var shuffled = this.props.tracks.slice();
    var idx = shuffled.length;
    var temp, randomIdx;

    while (idx--) {
      randomIdx = Math.floor(Math.random() * (idx + 1));
      temp = shuffled[randomIdx];
      shuffled[randomIdx] = shuffled[idx];
      shuffled[idx] = temp;
    }