/Javascript/React/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 vote153 views1 answer
How to use two text fields in one single row react js
Javascript React
-1 vote143 views1 answer
Use inline and other styles react native
Javascript React
29 votes128 views6 answers
React background image
Javascript React
8 votes144 views4 answers
React multiple classnames
Javascript React
0 vote137 views1 answer
V4 history for react action or api calls
Javascript React
23 votes175 views3 answers
React save to local storage
Javascript React
0 vote154 views1 answer
React Fractional rating
Javascript React
23 votes141 views4 answers
Change port react app
Javascript React
0 vote131 views1 answer
Stateprovider.js react
Javascript React
2 votes137 views2 answers
Display image base64 in REACT NATIVE
Javascript React