title: How to align items on the left side in column when using react bootstrap?
body: <p>I am using React bootstrap and using Row and Col components of it. Column is aligning image horizontally centre by default. How to move this image to the left in the column?</p>
  <p>Code</p>
  <pre><code>import React from &quot;react&quot;;
  import Container from &quot;react-bootstrap/Container&quot;;
  import Row from &quot;react-bootstrap/Row&quot;;
  import Col from &quot;react-bootstrap/Col&quot;;
  import Image from &quot;react-bootstrap/Image&quot;;
  
  function Header() {
    return (
      &lt;Container fluid&gt;
        &lt;Row&gt;
          &lt;Col&gt;
            &lt;Image src=&quot;https://github.com/gautam-in/shopping-cart-assignment/blob/master/static/images/logo.png?raw=true&quot; /&gt;
          &lt;/Col&gt;
          &lt;Col&gt;Second&lt;/Col&gt;
          &lt;Col&gt;Third&lt;/Col&gt;
        &lt;/Row&gt;
      &lt;/Container&gt;
    );
  }
  
  export default Header;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/Tbju6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Tbju6.png" alt="enter image description here" /></a></p>