title: How can I delete a white space which appears after columns in React-Bootstrap?
body: <p>So as a newbie I wanted to check if my new 'tool' will be working correctly. I set up a column at max width of website(12) and.. It is not really at max width, it leaves a white space right after column. (It used to leave white space before column as well but i deleted it with 'margin: 0', it doesnt work for the one appearing after column sadly).</p>
  
  <p>Ive tried set up margin (margin:0) which worked only for white space before column, the one after still exists and i have tried to set up fluid for containter(fluid:true).</p>
  
  <pre><code>import React, { Component } from 'react'
  import { Container, Row, Col } from 'react-bootstrap'
  
  export class FrontImage extends Component {
      render() {
          return (
              &lt;div&gt;
                 &lt;Container style={cstyle}&gt;
                   &lt;Row&gt;
                     &lt;Col xs={12} style={style1}&gt;Column 1&lt;/Col&gt;
                   &lt;/Row&gt;
                 &lt;/Container&gt;
              &lt;/div&gt;
          )
      }
  }
  
  const cstyle = {
      margin: "0px",
      padding: "0px",
      border: "0px"
  
  }
  
  const style1 = {
      backgroundColor: "green",
      width: "100%",
      float: "left",
      margin: "0px",
      fluid: true
  
  }
  
  export default FrontImage
  </code></pre>
  
  <p>I expected the column covering full width of window no matter what size it is (full-window/window/laptop' screen/else) but instead of it i get column at 12/20 of full-windowed website.</p>