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