title: how to use bootstrap in react.js?
body: <p>I downloaded bootstrap dependency under /node_modules/bootstrap using npm. </p>
  
  <p>I added CDN link into index.html.</p>
  
  <p>I cannot use some specific tags, I am not sure these tags are included into bootstrap or not. </p>
  
  <pre><code>&lt;!-- Latest compiled and minified CSS --&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  
  &lt;!-- Optional theme --&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"&gt;
  </code></pre>
  
  <p>when i try to add some styles into my app, it turns exeption.</p>
  
  <pre><code>./src/App.js
    Line 16:  'Grid' is not defined  react/jsx-no-undef
    Line 17:  'Row' is not defined   react/jsx-no-undef
    Line 18:  'Col' is not defined   react/jsx-no-undef
    Line 21:  'Col' is not defined   react/jsx-no-undef
    Line 26:  'Row' is not defined   react/jsx-no-undef
    Line 27:  'Col' is not defined   react/jsx-no-undef
    Line 30:  'Col' is not defined   react/jsx-no-undef
    Line 33:  'Col' is not defined   react/jsx-no-undef
    Line 38:  'Row' is not defined   react/jsx-no-undef
    Line 39:  'Col' is not defined   react/jsx-no-undef
    Line 44:  'Row' is not defined   react/jsx-no-undef
    Line 45:  'Col' is not defined   react/jsx-no-undef
    Line 48:  'Col' is not defined   react/jsx-no-undef
  
  Search for the keywords to learn more about each error.
  </code></pre>
  
  <p>here is my app.js file.</p>
  
  <pre><code>import React, { Component } from 'react';
  
  class App extends Component {
  render(){
      return (
          &lt;Grid&gt;
          &lt;Row className="show-grid"&gt;
              &lt;Col xs={12} md={8}&gt;
                  &lt;code&gt;&amp;lt;{'Col xs={12} md={8}'} /&amp;gt;&lt;/code&gt;
              &lt;/Col&gt;
              &lt;Col xs={6} md={4}&gt;
                  &lt;code&gt;&amp;lt;{'Col xs={6} md={4}'} /&amp;gt;&lt;/code&gt;
              &lt;/Col&gt;
          &lt;/Row&gt;
  
          &lt;Row className="show-grid"&gt;
              &lt;Col xs={6} md={4}&gt;
                  &lt;code&gt;&amp;lt;{'Col xs={6} md={4}'} /&amp;gt;&lt;/code&gt;
              &lt;/Col&gt;
              &lt;Col xs={6} md={4}&gt;
                  &lt;code&gt;&amp;lt;{'Col xs={6} md={4}'} /&amp;gt;&lt;/code&gt;
              &lt;/Col&gt;
              &lt;Col xsHidden md={4}&gt;
                  &lt;code&gt;&amp;lt;{'Col xsHidden md={4}'} /&amp;gt;&lt;/code&gt;
              &lt;/Col&gt;
          &lt;/Row&gt;
  
          &lt;Row className="show-grid"&gt;
              &lt;Col xs={6} xsOffset={6}&gt;
                  &lt;code&gt;&amp;lt;{'Col xs={6} xsOffset={6}'} /&amp;gt;&lt;/code&gt;
              &lt;/Col&gt;
          &lt;/Row&gt;
  
          &lt;Row className="show-grid"&gt;
              &lt;Col md={6} mdPush={6}&gt;
                  &lt;code&gt;&amp;lt;{'Col md={6} mdPush={6}'} /&amp;gt;&lt;/code&gt;
              &lt;/Col&gt;
              &lt;Col md={6} mdPull={6}&gt;
                  &lt;code&gt;&amp;lt;{'Col md={6} mdPull={6}'} /&amp;gt;&lt;/code&gt;
              &lt;/Col&gt;
          &lt;/Row&gt;
      &lt;/Grid&gt;
  )
  }
  }
  
  export default App;
  </code></pre>
  
  <p>why grid, row and col are undef? how can i use all bootstrap features?</p>