You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<!doctype html><htmldata-reactid=".uym4ltzwg0" data-react-checksum="1281853480"><headdata-reactid=".uym4ltzwg0.0"><titledata-reactid=".uym4ltzwg0.0.0">React Bootstrap</title><metaname="viewport" content="width=device-width, initial-scale=1.0" data-reactid=".uym4ltzwg0.0.1"><linkhref="vendor/bootstrap/bootstrap.css" rel="stylesheet" data-reactid=".uym4ltzwg0.0.2"><linkhref="vendor/bootstrap/docs.css" rel="stylesheet" data-reactid=".uym4ltzwg0.0.3"><linkhref="vendor/codemirror/codemirror.css" rel="stylesheet" data-reactid=".uym4ltzwg0.0.4"><linkhref="vendor/codemirror/solarized.css" rel="stylesheet" data-reactid=".uym4ltzwg0.0.5"><linkhref="vendor/codemirror/syntax.css" rel="stylesheet" data-reactid=".uym4ltzwg0.0.6"><linkhref="assets/style.css" rel="stylesheet" data-reactid=".uym4ltzwg0.0.7"></head><bodydata-reactid=".uym4ltzwg0.1"><divdata-reactid=".uym4ltzwg0.1.0"><divdata-reactid=".uym4ltzwg0.1.0.0"><divdata-reactid=".uym4ltzwg0.1.0.0.0"><headerclass="navbar navbar-static-top bs-docs-nav" role="banner" data-reactid=".uym4ltzwg0.1.0.0.0.0"><divclass="container" data-reactid=".uym4ltzwg0.1.0.0.0.0.0"><divclass="navbar-header" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.0"><buttonclass="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.0.0"><spanclass="sr-only" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.0.0.0">Toggle navigation</span><spanclass="icon-bar" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.0.0.1"></span><spanclass="icon-bar" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.0.0.2"></span><spanclass="icon-bar" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.0.0.3"></span></button><ahref="/" class="navbar-brand" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.0.1">React Bootstrap</a></div><navclass="collapse navbar-collapse bs-navbar-collapse" role="navigation" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.1"><ulclass="nav navbar-nav" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.1.0"><liclass="active" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.1.0.$getting-started"><ahref="/getting-started.html" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.1.0.$getting-started.0">Getting started</a></li><lidata-reactid=".uym4ltzwg0.1.0.0.0.0.0.1.0.$components"><ahref="/components.html" data-reactid=".uym4ltzwg0.1.0.0.0.0.0.1.0.$components.0">Components</a></li></ul></nav></div></header><divclass="bs-docs-header" id="content" data-reactid=".uym4ltzwg0.1.0.0.0.1"><divclass="container" data-reactid=".uym4ltzwg0.1.0.0.0.1.0"><h1data-reactid=".uym4ltzwg0.1.0.0.0.1.0.0">Getting started</h1><pdata-reactid=".uym4ltzwg0.1.0.0.0.1.0.1">An overview of React-Bootstrap and how to install and use.</p></div></div><divclass="container bs-docs-container" data-reactid=".uym4ltzwg0.1.0.0.0.2"><divclass="row" data-reactid=".uym4ltzwg0.1.0.0.0.2.0"><divclass="col-md-9" role="main" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0"><divclass="bs-docs-section" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0"><h1id="setup" class="page-header" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.0">Setup</h1><pclass="lead" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.1">You can import the lib with as AMD modules, CommonJS modules as a global JS script.</p><pdata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.2">First add the bootstrap CSS to your project then:</p><h3data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.3">CommonJS</h3><divclass="highlight" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.4"><predata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.4.0"><codeclass="shell" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.4.0.0"> $ npm install react@v0.9.0
1
+
<!doctype html><htmldata-reactid=".2f1z8iab4zk" data-react-checksum="-13602187"><headdata-reactid=".2f1z8iab4zk.0"><titledata-reactid=".2f1z8iab4zk.0.0">React Bootstrap</title><metaname="viewport" content="width=device-width, initial-scale=1.0" data-reactid=".2f1z8iab4zk.0.1"><linkhref="vendor/bootstrap/bootstrap.css" rel="stylesheet" data-reactid=".2f1z8iab4zk.0.2"><linkhref="vendor/bootstrap/docs.css" rel="stylesheet" data-reactid=".2f1z8iab4zk.0.3"><linkhref="vendor/codemirror/codemirror.css" rel="stylesheet" data-reactid=".2f1z8iab4zk.0.4"><linkhref="vendor/codemirror/solarized.css" rel="stylesheet" data-reactid=".2f1z8iab4zk.0.5"><linkhref="vendor/codemirror/syntax.css" rel="stylesheet" data-reactid=".2f1z8iab4zk.0.6"><linkhref="assets/style.css" rel="stylesheet" data-reactid=".2f1z8iab4zk.0.7"></head><bodydata-reactid=".2f1z8iab4zk.1"><divdata-reactid=".2f1z8iab4zk.1.0"><divdata-reactid=".2f1z8iab4zk.1.0.0"><divdata-reactid=".2f1z8iab4zk.1.0.0.0"><headerclass="navbar navbar-static-top bs-docs-nav" role="banner" data-reactid=".2f1z8iab4zk.1.0.0.0.0"><divclass="container" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0"><divclass="navbar-header" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.0"><buttonclass="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.0.0"><spanclass="sr-only" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.0.0.0">Toggle navigation</span><spanclass="icon-bar" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.0.0.1"></span><spanclass="icon-bar" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.0.0.2"></span><spanclass="icon-bar" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.0.0.3"></span></button><ahref="/" class="navbar-brand" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.0.1">React Bootstrap</a></div><navclass="collapse navbar-collapse bs-navbar-collapse" role="navigation" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.1"><ulclass="nav navbar-nav" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.1.0"><liclass="active" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.1.0.$getting-started"><ahref="/getting-started.html" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.1.0.$getting-started.0">Getting started</a></li><lidata-reactid=".2f1z8iab4zk.1.0.0.0.0.0.1.0.$components"><ahref="/components.html" data-reactid=".2f1z8iab4zk.1.0.0.0.0.0.1.0.$components.0">Components</a></li></ul></nav></div></header><divclass="bs-docs-header" id="content" data-reactid=".2f1z8iab4zk.1.0.0.0.1"><divclass="container" data-reactid=".2f1z8iab4zk.1.0.0.0.1.0"><h1data-reactid=".2f1z8iab4zk.1.0.0.0.1.0.0">Getting started</h1><pdata-reactid=".2f1z8iab4zk.1.0.0.0.1.0.1">An overview of React-Bootstrap and how to install and use.</p></div></div><divclass="container bs-docs-container" data-reactid=".2f1z8iab4zk.1.0.0.0.2"><divclass="row" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0"><divclass="col-md-9" role="main" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0"><divclass="bs-docs-section" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0"><h1id="setup" class="page-header" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.0">Setup</h1><pclass="lead" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.1">You can import the lib with as AMD modules, CommonJS modules as a global JS script.</p><pdata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.2">First add the bootstrap CSS to your project then:</p><h3data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.3">CommonJS</h3><divclass="highlight" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.4"><predata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.4.0"><codeclass="shell" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.4.0.0"> $ npm install react@v0.9.0
2
2
$ npm install react-bootstrap
3
-
</code></pre><predata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.4.1"><codeclass="js" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.4.1.0"> var Alert = require('react-bootstrap/Alert');
3
+
</code></pre><predata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.4.1"><codeclass="js" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.4.1.0"> var Alert = require('react-bootstrap/Alert');
4
4
// or
5
-
var Alert = require('react-bootstrap').Alert; </code></pre></div><h3data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.5">AMD</h3><divclass="bs-callout bs-callout-warning" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.6"><pdata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.6.0"><spandata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.6.0.0">Currently </span><codedata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.6.0.1">react-bootstrap</code><spandata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.6.0.2"> in Bower points to the source repo. For now, please use the </span><codedata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.6.0.3">react-bootstrap-bower</code><spandata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.6.0.4"> repo directly from Github.</span></p></div><divclass="highlight" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.7"><predata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.7.0"><codeclass="shell" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.7.0.0"> $ bower install react#v0.9.0
5
+
var Alert = require('react-bootstrap').Alert; </code></pre></div><h3data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.5">AMD</h3><divclass="bs-callout bs-callout-warning" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.6"><pdata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.6.0"><spandata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.6.0.0">Currently </span><codedata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.6.0.1">react-bootstrap</code><spandata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.6.0.2"> in Bower points to the source repo. For now, please use the </span><codedata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.6.0.3">react-bootstrap-bower</code><spandata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.6.0.4"> repo directly from Github.</span></p></div><divclass="highlight" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.7"><predata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.7.0"><codeclass="shell" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.7.0.0"> $ bower install react#v0.9.0
</code></pre><predata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.7.1"><codeclass="js" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.7.1.0"> var Alert = require('react-bootstrap/Alert');
7
+
</code></pre><predata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.7.1"><codeclass="js" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.7.1.0"> var Alert = require('react-bootstrap/Alert');
8
8
// or
9
-
var Alert = require('react-bootstrap').Alert; </code></pre></div><h3data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.8">Browser globals</h3><pdata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.9"><spandata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.9.0">The bower repo contains </span><codedata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.9.1">react-bootstrap.js</code><spandata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.9.2"> and </span><codedata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.9.3">react-botstrap.min.js</code><spandata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.9.4"> with all components exported in the </span><codedata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.9.5">window.ReactBootstrap</code><spandata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.9.6"> object.</span></p><divclass="highlight" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.a"><predata-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.a.0"><codeclass="html" data-reactid=".uym4ltzwg0.1.0.0.0.2.0.0.0.a.0.0"> <script src="http://fb.me/react-0.9.0.js"></script>
9
+
var Alert = require('react-bootstrap').Alert; </code></pre></div><h3data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.8">Browser globals</h3><pdata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.9"><spandata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.9.0">The bower repo contains </span><codedata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.9.1">react-bootstrap.js</code><spandata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.9.2"> and </span><codedata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.9.3">react-botstrap.min.js</code><spandata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.9.4"> with all components exported in the </span><codedata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.9.5">window.ReactBootstrap</code><spandata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.9.6"> object.</span></p><divclass="highlight" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.a"><predata-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.a.0"><codeclass="html" data-reactid=".2f1z8iab4zk.1.0.0.0.2.0.0.0.a.0.0"> <script src="http://fb.me/react-0.9.0.js"></script>
0 commit comments