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
<![endif]--></head><bodydata-reactid=".ednwmr4glc.1"><divdata-reactid=".ednwmr4glc.1.0"><headerclass="bs-docs-nav navbar navbar-default navbar-static-top" role="banner" data-reactid=".ednwmr4glc.1.0.0"><divclass="container" data-reactid=".ednwmr4glc.1.0.0.0"><divclass="navbar-header" data-reactid=".ednwmr4glc.1.0.0.0.0"><aclass="navbar-brand navbar-brand" href="/index.html" data-reactid=".ednwmr4glc.1.0.0.0.0.0">React Bootstrap</a><buttonclass="navbar-toggle" type="button" data-reactid=".ednwmr4glc.1.0.0.0.0.1"><spanclass="sr-only" data-reactid=".ednwmr4glc.1.0.0.0.0.1.0ドル">Toggle navigation</span><spanclass="icon-bar" data-reactid=".ednwmr4glc.1.0.0.0.0.1.1ドル"></span><spanclass="icon-bar" data-reactid=".ednwmr4glc.1.0.0.0.0.1.2ドル"></span><spanclass="icon-bar" data-reactid=".ednwmr4glc.1.0.0.0.0.1.3ドル"></span></button></div><navclass="bs-navbar-collapse collapse navbar-collapse" role="navigation" id="top" data-reactid=".ednwmr4glc.1.0.0.0.1:$=10:0ドル"><ulclass="bs-navbar-collapse nav navbar-nav" role="navigation" id="top" data-reactid=".ednwmr4glc.1.0.0.0.1:$=10:0ドル.0"><liclass="active" data-reactid=".ednwmr4glc.1.0.0.0.1:$=10:0ドル.0.$=1$getting-started:$getting-started"><aclass=" active" href="/getting-started.html" data-reactid=".ednwmr4glc.1.0.0.0.1:$=10:0ドル.0.$=1$getting-started:$getting-started.0">Getting started</a></li><lidata-reactid=".ednwmr4glc.1.0.0.0.1:$=10:0ドル.0.$=1$components:$components"><aclass="" href="/components.html" data-reactid=".ednwmr4glc.1.0.0.0.1:$=10:0ドル.0.$=1$components:$components.0">Components</a></li><lidata-reactid=".ednwmr4glc.1.0.0.0.1:$=10:0ドル.0.$=1$github-link:$github-link"><ahref="https://github.com/react-bootstrap/react-bootstrap" target="_blank" data-reactid=".ednwmr4glc.1.0.0.0.1:$=10:0ドル.0.$=1$github-link:$github-link.0">GitHub</a></li></ul></nav></div></header><divclass="bs-docs-header" id="content" data-reactid=".ednwmr4glc.1.0.1"><divclass="container" data-reactid=".ednwmr4glc.1.0.1.0"><h1data-reactid=".ednwmr4glc.1.0.1.0.0">Getting started</h1><pdata-reactid=".ednwmr4glc.1.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=".ednwmr4glc.1.0.2"><divclass="row" data-reactid=".ednwmr4glc.1.0.2.0"><divclass="col-md-9" role="main" data-reactid=".ednwmr4glc.1.0.2.0.0"><divclass="bs-docs-section" data-reactid=".ednwmr4glc.1.0.2.0.0.0"><h2id="setup" class="page-header" data-reactid=".ednwmr4glc.1.0.2.0.0.0.0">Setup</h2><pclass="lead" data-reactid=".ednwmr4glc.1.0.2.0.0.0.1">You can import the lib as AMD modules, CommonJS modules, or as a global JS script.</p><pdata-reactid=".ednwmr4glc.1.0.2.0.0.0.2"><spandata-reactid=".ednwmr4glc.1.0.2.0.0.0.2.0">First add the Bootstrap CSS to your project; check </span><ahref="http://getbootstrap.com/getting-started/" name="Bootstrap Docs" data-reactid=".ednwmr4glc.1.0.2.0.0.0.2.1">here</a><spandata-reactid=".ednwmr4glc.1.0.2.0.0.0.2.2"> if you have not already done that. Then:</span></p><h3data-reactid=".ednwmr4glc.1.0.2.0.0.0.3">CommonJS</h3><divclass="highlight" data-reactid=".ednwmr4glc.1.0.2.0.0.0.4"><predata-reactid=".ednwmr4glc.1.0.2.0.0.0.4.0">
<![endif]--></head><bodydata-reactid=".mjswv94w00.1"><divdata-reactid=".mjswv94w00.1.0"><headerclass="bs-docs-nav navbar navbar-default navbar-static-top" role="banner" data-reactid=".mjswv94w00.1.0.0"><divclass="container" data-reactid=".mjswv94w00.1.0.0.0"><divclass="navbar-header" data-reactid=".mjswv94w00.1.0.0.0.0"><aclass="navbar-brand navbar-brand" href="/index.html" data-reactid=".mjswv94w00.1.0.0.0.0.0">React Bootstrap</a><buttonclass="navbar-toggle" type="button" data-reactid=".mjswv94w00.1.0.0.0.0.1"><spanclass="sr-only" data-reactid=".mjswv94w00.1.0.0.0.0.1.0ドル">Toggle navigation</span><spanclass="icon-bar" data-reactid=".mjswv94w00.1.0.0.0.0.1.1ドル"></span><spanclass="icon-bar" data-reactid=".mjswv94w00.1.0.0.0.0.1.2ドル"></span><spanclass="icon-bar" data-reactid=".mjswv94w00.1.0.0.0.0.1.3ドル"></span></button></div><navclass="bs-navbar-collapse collapse navbar-collapse" role="navigation" id="top" data-reactid=".mjswv94w00.1.0.0.0.1:$=10:0ドル"><ulclass="bs-navbar-collapse nav navbar-nav" role="navigation" id="top" data-reactid=".mjswv94w00.1.0.0.0.1:$=10:0ドル.0"><liclass="active" data-reactid=".mjswv94w00.1.0.0.0.1:$=10:0ドル.0.$=1$getting-started:$getting-started"><aclass=" active" href="/getting-started.html" data-reactid=".mjswv94w00.1.0.0.0.1:$=10:0ドル.0.$=1$getting-started:$getting-started.0">Getting started</a></li><lidata-reactid=".mjswv94w00.1.0.0.0.1:$=10:0ドル.0.$=1$components:$components"><aclass="" href="/components.html" data-reactid=".mjswv94w00.1.0.0.0.1:$=10:0ドル.0.$=1$components:$components.0">Components</a></li><lidata-reactid=".mjswv94w00.1.0.0.0.1:$=10:0ドル.0.$=1$github-link:$github-link"><ahref="https://github.com/react-bootstrap/react-bootstrap" target="_blank" data-reactid=".mjswv94w00.1.0.0.0.1:$=10:0ドル.0.$=1$github-link:$github-link.0">GitHub</a></li></ul></nav></div></header><divclass="bs-docs-header" id="content" data-reactid=".mjswv94w00.1.0.1"><divclass="container" data-reactid=".mjswv94w00.1.0.1.0"><h1data-reactid=".mjswv94w00.1.0.1.0.0">Getting started</h1><pdata-reactid=".mjswv94w00.1.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=".mjswv94w00.1.0.2"><divclass="row" data-reactid=".mjswv94w00.1.0.2.0"><divclass="col-md-9" role="main" data-reactid=".mjswv94w00.1.0.2.0.0"><divclass="bs-docs-section" data-reactid=".mjswv94w00.1.0.2.0.0.0"><h2id="setup" class="page-header" data-reactid=".mjswv94w00.1.0.2.0.0.0.0">Setup</h2><pclass="lead" data-reactid=".mjswv94w00.1.0.2.0.0.0.1">You can import the lib as AMD modules, CommonJS modules, or as a global JS script.</p><pdata-reactid=".mjswv94w00.1.0.2.0.0.0.2"><spandata-reactid=".mjswv94w00.1.0.2.0.0.0.2.0">First add the Bootstrap CSS to your project; check </span><ahref="http://getbootstrap.com/getting-started/" name="Bootstrap Docs" data-reactid=".mjswv94w00.1.0.2.0.0.0.2.1">here</a><spandata-reactid=".mjswv94w00.1.0.2.0.0.0.2.2"> if you have not already done that. Then:</span></p><h3data-reactid=".mjswv94w00.1.0.2.0.0.0.3">CommonJS</h3><divclass="highlight" data-reactid=".mjswv94w00.1.0.2.0.0.0.4"><predata-reactid=".mjswv94w00.1.0.2.0.0.0.4.0">
define(['react-bootstrap'], function(ReactBootstrap) { var Alert = ReactBootstrap.Alert; ... });
29
-
</code></pre></div><h3data-reactid=".ednwmr4glc.1.0.2.0.0.0.7">Browser globals</h3><pdata-reactid=".ednwmr4glc.1.0.2.0.0.0.8"><spandata-reactid=".ednwmr4glc.1.0.2.0.0.0.8.0">The bower repo contains </span><codedata-reactid=".ednwmr4glc.1.0.2.0.0.0.8.1">react-bootstrap.js</code><spandata-reactid=".ednwmr4glc.1.0.2.0.0.0.8.2"> and </span><codedata-reactid=".ednwmr4glc.1.0.2.0.0.0.8.3">react-bootstrap.min.js</code><spandata-reactid=".ednwmr4glc.1.0.2.0.0.0.8.4"> with all components exported in the </span><codedata-reactid=".ednwmr4glc.1.0.2.0.0.0.8.5">window.ReactBootstrap</code><spandata-reactid=".ednwmr4glc.1.0.2.0.0.0.8.6"> object.</span></p><divclass="highlight" data-reactid=".ednwmr4glc.1.0.2.0.0.0.9"><predata-reactid=".ednwmr4glc.1.0.2.0.0.0.9.0">
</code></pre></div><h3data-reactid=".mjswv94w00.1.0.2.0.0.0.7">Browser globals</h3><pdata-reactid=".mjswv94w00.1.0.2.0.0.0.8"><spandata-reactid=".mjswv94w00.1.0.2.0.0.0.8.0">The bower repo contains </span><codedata-reactid=".mjswv94w00.1.0.2.0.0.0.8.1">react-bootstrap.js</code><spandata-reactid=".mjswv94w00.1.0.2.0.0.0.8.2"> and </span><codedata-reactid=".mjswv94w00.1.0.2.0.0.0.8.3">react-bootstrap.min.js</code><spandata-reactid=".mjswv94w00.1.0.2.0.0.0.8.4"> with all components exported in the </span><codedata-reactid=".mjswv94w00.1.0.2.0.0.0.8.5">window.ReactBootstrap</code><spandata-reactid=".mjswv94w00.1.0.2.0.0.0.8.6"> object.</span></p><divclass="highlight" data-reactid=".mjswv94w00.1.0.2.0.0.0.9"><predata-reactid=".mjswv94w00.1.0.2.0.0.0.9.0">
</code></pre></div></div><divclass="bs-docs-section" data-reactid=".ednwmr4glc.1.0.2.0.0.1"><h2id="browser-support" class="page-header" data-reactid=".ednwmr4glc.1.0.2.0.0.1.0">Browser support</h2><pdata-reactid=".ednwmr4glc.1.0.2.0.0.1.1"><spandata-reactid=".ednwmr4glc.1.0.2.0.0.1.1.0">We aim to support all browsers supported by both </span><ahref="http://facebook.github.io/react/docs/working-with-the-browser.html#browser-support-and-polyfills" data-reactid=".ednwmr4glc.1.0.2.0.0.1.1.1">React</a><spandata-reactid=".ednwmr4glc.1.0.2.0.0.1.1.2"> and </span><ahref="http://getbootstrap.com/getting-started/#support" data-reactid=".ednwmr4glc.1.0.2.0.0.1.1.3">Bootstrap</a><spandata-reactid=".ednwmr4glc.1.0.2.0.0.1.1.4">.</span></p><pdata-reactid=".ednwmr4glc.1.0.2.0.0.1.2"><spandata-reactid=".ednwmr4glc.1.0.2.0.0.1.2.0">React requires </span><ahref="http://facebook.github.io/react/docs/working-with-the-browser.html#browser-support-and-polyfills" data-reactid=".ednwmr4glc.1.0.2.0.0.1.2.1">polyfills for non-ES5 capable browsers.</a></p><pdata-reactid=".ednwmr4glc.1.0.2.0.0.1.3"><ahref="http://jquery.com" data-reactid=".ednwmr4glc.1.0.2.0.0.1.3.0">jQuery</a><spandata-reactid=".ednwmr4glc.1.0.2.0.0.1.3.1"> is currently required only for IE8 support for components which require reading element positions from the DOM: </span><codedata-reactid=".ednwmr4glc.1.0.2.0.0.1.3.2">Popover</code><spandata-reactid=".ednwmr4glc.1.0.2.0.0.1.3.3"> and </span><codedata-reactid=".ednwmr4glc.1.0.2.0.0.1.3.4">Tooltip</code><spandata-reactid=".ednwmr4glc.1.0.2.0.0.1.3.5"> when launched with </span><codedata-reactid=".ednwmr4glc.1.0.2.0.0.1.3.6">OverlayTrigger</code><spandata-reactid=".ednwmr4glc.1.0.2.0.0.1.3.7">. We would like to remove this dependency in future versions but for now, including the following snippet in your page should have you covered:</span></p><divclass="highlight" data-reactid=".ednwmr4glc.1.0.2.0.0.1.4"><predata-reactid=".ednwmr4glc.1.0.2.0.0.1.4.0">
</code></pre></div></div><divclass="bs-docs-section" data-reactid=".mjswv94w00.1.0.2.0.0.1"><h2id="browser-support" class="page-header" data-reactid=".mjswv94w00.1.0.2.0.0.1.0">Browser support</h2><pdata-reactid=".mjswv94w00.1.0.2.0.0.1.1"><spandata-reactid=".mjswv94w00.1.0.2.0.0.1.1.0">We aim to support all browsers supported by both </span><ahref="http://facebook.github.io/react/docs/working-with-the-browser.html#browser-support-and-polyfills" data-reactid=".mjswv94w00.1.0.2.0.0.1.1.1">React</a><spandata-reactid=".mjswv94w00.1.0.2.0.0.1.1.2"> and </span><ahref="http://getbootstrap.com/getting-started/#support" data-reactid=".mjswv94w00.1.0.2.0.0.1.1.3">Bootstrap</a><spandata-reactid=".mjswv94w00.1.0.2.0.0.1.1.4">.</span></p><pdata-reactid=".mjswv94w00.1.0.2.0.0.1.2"><spandata-reactid=".mjswv94w00.1.0.2.0.0.1.2.0">React requires </span><ahref="http://facebook.github.io/react/docs/working-with-the-browser.html#browser-support-and-polyfills" data-reactid=".mjswv94w00.1.0.2.0.0.1.2.1">polyfills for non-ES5 capable browsers.</a></p><pdata-reactid=".mjswv94w00.1.0.2.0.0.1.3"><ahref="http://jquery.com" data-reactid=".mjswv94w00.1.0.2.0.0.1.3.0">jQuery</a><spandata-reactid=".mjswv94w00.1.0.2.0.0.1.3.1"> is currently required only for IE8 support for components which require reading element positions from the DOM: </span><codedata-reactid=".mjswv94w00.1.0.2.0.0.1.3.2">Popover</code><spandata-reactid=".mjswv94w00.1.0.2.0.0.1.3.3"> and </span><codedata-reactid=".mjswv94w00.1.0.2.0.0.1.3.4">Tooltip</code><spandata-reactid=".mjswv94w00.1.0.2.0.0.1.3.5"> when launched with </span><codedata-reactid=".mjswv94w00.1.0.2.0.0.1.3.6">OverlayTrigger</code><spandata-reactid=".mjswv94w00.1.0.2.0.0.1.3.7">. We would like to remove this dependency in future versions but for now, including the following snippet in your page should have you covered:</span></p><divclass="highlight" data-reactid=".mjswv94w00.1.0.2.0.0.1.4"><predata-reactid=".mjswv94w00.1.0.2.0.0.1.4.0">
0 commit comments