/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

0 vote143 views1 answer
How to remove the top border from table react bootstrap
Javascript Bootstrap
0 vote158 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
33 votes151 views3 answers
React native bootstrap
Javascript Bootstrap
6 votes80 views2 answers
Bootstrap alert auto close
Javascript Bootstrap
4 votes144 views5 answers
Bootstrap img src
CSS Bootstrap
0 vote96 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
-1 vote139 views2 answers
Bootstrap 5 toast display
Javascript Bootstrap
15 votes235 views8 answers
React bootstrap
Javascript Bootstrap
20 votes146 views2 answers
Bootstrap screen sizes
CSS Bootstrap
0 vote150 views2 answers
React-bootstrap sidebar menu
Javascript Bootstrap