React Bootstrap sprawiają, że col rozkłada się na małych ekranach
<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>