<commit_before>import React from 'react';
import Row from 'react-bootstrap/lib/Row';
import Col from 'react-bootstrap/lib/Col';
import Panel from 'react-bootstrap/lib/Panel';

import Anchor from '../../components/Anchor';

export default class Page extends React.Component {
  shouldComponentUpdate() {
    return false;
  }

  render() {
    return (
      <div>
        <div className="bs-docs-section">
          <h2 className="page-header">
            <Anchor id="install">Install</Anchor>
          </h2>
          <Row>
            <Col sm={6}>
              <Panel header="npm (recommended)" className="bs-docs-code-panel">
                <pre>
                  <code>{`
$ npm install --save react react-dom
$ npm install --save react-bootstrap
                `}</code>
                </pre>
              </Panel>
            </Col>
            <Col sm={6}>
              <Panel header="bower" className="bs-docs-code-panel">
                <pre>
                  <code>{`
$ bower install react
$ bower install react-bootstrap
                `}</code>
                </pre>
              </Panel>
            </Col>
          </Row>
          <h2>Stylesheets</h2>
          <p>
            Because React-Bootstrap doesn't depend on a very precise version of
            Bootstrap, we don't ship with any included css. However, some
            stylesheet <strong>is required</strong> to use these components. How
            and which bootstrap styles you include is up to you, but the
            simplest way is to include the latest styles from the CDN.
          </p>
          <pre>
            <code>{`
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap-theme.min.css">
          `}</code>
          </pre>
          />
          <p>
            For more advanced use cases you can also use a bundler like Webpack
            or Browserify to include the css files for you as part of your build
            process but that is beyond the scope of this guide. Also see{' '}
            <a href="http://getbootstrap.com/customize/">
              http://getbootstrap.com/customize/
            </a>{' '}<commit_msg>removed html close tag from instrodution (#2939)<commit_after>import React from 'react';
import Row from 'react-bootstrap/lib/Row';
import Col from 'react-bootstrap/lib/Col';
import Panel from 'react-bootstrap/lib/Panel';

import Anchor from '../../components/Anchor';

export default class Page extends React.Component {
  shouldComponentUpdate() {
    return false;
  }

  render() {
    return (
      <div>
        <div className="bs-docs-section">
          <h2 className="page-header">
            <Anchor id="install">Install</Anchor>
          </h2>
          <Row>
            <Col sm={6}>
              <Panel header="npm (recommended)" className="bs-docs-code-panel">
                <pre>
                  <code>{`
$ npm install --save react react-dom
$ npm install --save react-bootstrap
                `}</code>
                </pre>
              </Panel>
            </Col>
            <Col sm={6}>
              <Panel header="bower" className="bs-docs-code-panel">
                <pre>
                  <code>{`
$ bower install react
$ bower install react-bootstrap
                `}</code>
                </pre>
              </Panel>
            </Col>
          </Row>
          <h2>Stylesheets</h2>
          <p>
            Because React-Bootstrap doesn't depend on a very precise version of
            Bootstrap, we don't ship with any included css. However, some
            stylesheet <strong>is required</strong> to use these components. How
            and which bootstrap styles you include is up to you, but the
            simplest way is to include the latest styles from the CDN.
          </p>
          <pre>
            <code>{`
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap-theme.min.css">
          `}</code>
          </pre>
          <p>
            For more advanced use cases you can also use a bundler like Webpack
            or Browserify to include the css files for you as part of your build
            process but that is beyond the scope of this guide. Also see{' '}
            <a href="http://getbootstrap.com/customize/">
              http://getbootstrap.com/customize/
            </a>{' '}
{'fraction_non_alphanumeric': 0.12112855324565125, 'fraction_numerical': 0.0033941450997030122, 'mean_word_length': 1.7817109144542773, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 86, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2642104', 'n_tokens_mistral': 1278, 'n_tokens_neox': 1229, 'n_words': 394}