/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

23 votes170 views4 answers
Change port react app
Javascript React
0 vote161 views2 answers
Create a reactjs app with backend and docker
Javascript React
4 votes140 views1 answer
UseEffect with axios react
Javascript React
6 votes155 views6 answers
Shadow react native generator
Javascript React
2 votes144 views1 answer
How to get current URL with Javascript or React
Javascript React
1 vote162 views2 answers
React PropTypes.instanceOf
Javascript React
9 votes93 views1 answer
Redux add to array
Javascript React
0 vote157 views1 answer
Toggle boolean state react
Javascript React
0 vote142 views1 answer
Debug react routes
Javascript React
5 votes180 views4 answers
React route multiple components
Javascript React