import React from'react';
class App extends React.Component {
render() {
return(
<div className="container">
<div className="row">
<div className="col-md-4">
<div className="card">
<img className="card-img-top"src="https://i.pravatar.cc/150?img=52"alt="Card image cap"/>
<div className="card-body">
<h5 className="card-title">Card title</h5>
<p className="card-text">Some quick example text to build on the card title and make up the</p>
<a href="#" className="btn btn-primary"> Go somewhere </a>
</div>
</div>
</div>
</div>
</div>
);
}
}
export default App;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter