react-bootstrap column display none and block in mediuom code example

Example: react bootstrap make col disapear in small screens

<Container>
  <Row>
    <Col sm={12} lg={4} className="d-none d-lg-block">
      {/* your content */}
    </Col>
    <Col sm={12} lg={8}>
      {/* your content */}
    </Col>
  </Row>
</Container>