/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

43 votes393 views6 answers
Add bootstrap to angular
Javascript Bootstrap
0 vote387 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
25 votes402 views6 answers
How to install bootstrap in angular
Javascript Bootstrap
0 vote377 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
2 votes392 views2 answers
Bootstrap icons in angular
CSS Bootstrap
2 votes372 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
0 vote361 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap
3 votes368 views1 answer
Jquery close bootstrap model
Javascript Bootstrap
0 vote390 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript Bootstrap
18 votes426 views6 answers
Install bootstrap angular 9
CSS Bootstrap