title: Container, Row, Col - in React-Bootstrap not working
body: <p>I'm currently attempting to learn React, and React-Bootstrap.</p>
  
  <p>I'm attempting to make good use of the React-Bootstrap grid layout. I'm not sure if I'm implementing it incorrectly. My gut says I'm using an impropver version somewhere because as far as I can tell the "Container, Col, Row" functionality isn't working at all.</p>
  
  <p>What could be the issue? I'm out of ideas.</p>
  
  <p>Versions from package.json:</p>
  
  <pre><code>  "dependencies": {
      "bootstrap": "^4.3.1",
      "jquery": "^3.0.0",
      "react": "^16.8.4",
      "react-bootstrap": "^1.0.0-beta.6",
      "react-dom": "^16.8.4",
      "react-scripts": "2.1.8",
      "typescript": "^3.3.4000"
  
  </code></pre>
  
  <p>The package.json from "bootstrap" dir:</p>
  
  <pre><code>  "_from": "bootstrap@latest",
    "_id": "bootstrap@4.3.1",
  </code></pre>
  
  <p>The package.json from "react-bootstrap" dir:</p>
  
  <pre><code>  "_from": "react-bootstrap@^1.0.0-beta.6",
    "_id": "react-bootstrap@1.0.0-beta.6",
  </code></pre>
  
  <p>Please note that I've also tried installing and using <code>bootstrap@3</code> with no luck:</p>
  
  <p><code>npm install bootstrap@3 --save</code>
  <code>npm i --save bootstrap@3</code></p>
  
  <p>Major snippet from index.js:</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import Container from 'react-bootstrap/Container';
  import Row from 'react-bootstrap/Row';
  import Col from 'react-bootstrap/Col';
  
  class Module extends React.Component
  {
    constructor(props)
    {
      super(props);
    }
  
    clickHandler = (command) =&gt;
    {
      // ... some handler code here
    }
  
    render()
    {
      return (
        &lt;Container&gt;
          &lt;Row&gt;
            &lt;Col&gt;
              &lt;table&gt;
                &lt;tr&gt;
                  &lt;th class="r1_header"&gt; Header 1 &lt;/th&gt;
                  &lt;th class="r1_header"&gt; Header 2 &lt;/th&gt;
                  &lt;th class="r1_header"&gt; Header 3 &lt;/th&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt; // some more button stuff here
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt; 
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;th class="r2_header"&gt; Header 1 &lt;/th&gt;
                  &lt;th class="r2_header"&gt; Header 2 &lt;/th&gt;
                  &lt;th class="r2_header"&gt; Header 3 &lt;/th&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                  &lt;td&gt; &lt;button/&gt; &lt;/td&gt;
                &lt;/tr&gt;
              &lt;/table&gt;
            &lt;/Col&gt;
            &lt;Col&gt;
              // another table here... should be aligned next to the
              // prev "col" horizontally but is going underneath (vertically)
            &lt;/Col&gt;
          &lt;/Row&gt;
        &lt;/Container&gt;
      );
    }
  }
  </code></pre>
  
  <p><strong>* UPDATE *</strong></p>
  
  <p>Here is an MCVE...</p>
  
  <p><a href="https://codesandbox.io/s/n76nvwy18m?fontsize=14" rel="noreferrer">codesandbox</a></p>
  
  <p>The displayed text should be <code>HelloWorld</code> but instead its:</p>
  
  <pre><code>Hello
  World
  </code></pre>