/Javascript/Bootstrap/Horizontal cards react bootstrap

Horizontal cards react bootstrap

<Card style={{ width: '18rem' }}>
  <Row className='no-gutters'>
  <Col md={5} lg={5}  >
  <Card.Img variant="top" src="holder.js/100px180" />
  </Col>
  <Col>
  <Card.Body>
    <Card.Title>Card Title</Card.Title>
    <Card.Text>
      Some quick example text to build on the card title and make up the bulk of
      the card's content.
    </Card.Text>
    <Button variant="primary">Go somewhere</Button>
  </Card.Body>
  </Col>
  </Row>
</Card>

Similar codes

4 votes192 views2 answers
Bootstrap icons sdn
CSS Bootstrap
1 vote195 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
0 vote214 views1 answer
Bootstrap not working in print
Javascript Bootstrap
43 votes203 views6 answers
Add bootstrap to angular
Javascript Bootstrap
9 votes188 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
8 votes217 views3 answers
Bootstrap 4 center image
CSS Bootstrap
0 vote216 views2 answers
Scrollspy bootstrap 5
Javascript Bootstrap
35 votes216 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
-1 vote188 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
1 vote187 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap