styled-bootstrap-grid icon indicating copy to clipboard operation
styled-bootstrap-grid copied to clipboard

Request: Number of columns prop for Row

Open apaatsio opened this issue 5 years ago • 1 comments

In Bootstrap you can set the number of columns in a row like this:

<div class="container">
  <div class="row row-cols-2">
    <div class="col">Column</div>
    <div class="col">Column</div>
    <div class="col">Column</div>
    <div class="col">Column</div>
  </div>
</div>

I would like to see that supported by styled-bootstrap-grid. The example above would preferably translate to something like:

<Container>
  <Row cols={2}>
    <Col>Column</Col>
    <Col>Column</Col>
    <Col>Column</Col>
    <Col>Column</Col>
  </Row>
</Container> 

apaatsio avatar Oct 13 '20 13:10 apaatsio

Hi ! I'm currently rewriting the module according th new bootstrap's 5-alpha2 version. This feature should be available with the 4th version of this module.

dragma avatar Oct 16 '20 16:10 dragma