/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

2 votes238 views1 answer
Bootstrap dark mode
CSS Bootstrap
2 votes252 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote262 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote234 views1 answer
React bootstrap button
Javascript Bootstrap
-2 votes233 views1 answer
How to show bootstrap 5 modal using jquery
Javascript Bootstrap
0 vote249 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
1 vote262 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
5 votes250 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
16 votes486 views2 answers
Toggle bootstrap modal with jquery
Javascript Bootstrap
0 vote252 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap