title: React Bootstrap column not showing horizontally
body: <p>I'm building a react app and I am having problems getting my react-bootstrap columns to show horizontally. I would like the image to appear next to the text not above it. I don't know what I am doing wrong. Below is my code: </p>
  
  <pre><code>function About() {
    return (
      &lt;Container fluid  className="about-us"&gt;
        &lt;Row&gt;
          &lt;Col sm={4}&gt;
              &lt;Image src={require('../techOn.png')} style={{height:"250px", width: "300"}} /&gt;
          &lt;/Col&gt;
          &lt;Col sm={4}&gt;
              &lt;h2&gt;Meet The Team&lt;/h2&gt;
              &lt;p&gt;
                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
                  sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
                  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
                  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia 
                  deserunt mollit anim id est laborum."
              &lt;/p&gt;
              &lt;p&gt;
                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
                  sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
                  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                  reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
                  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia 
                  deserunt mollit anim id est laborum."
              &lt;/p&gt;
          &lt;/Col&gt;
        &lt;/Row&gt;
      &lt;/Container&gt;
    );
  }
  </code></pre>