Apply helpful styles to your pictures using Bootstrap's image classes:
<img src="..." alt="..." class="img-responsive">Centering
Use .center-block to center an image horizontally with a .img-responsive class:
<img src="..." alt="..." class="img-responsive center-block">— Sorry to interrupt this program! 📺
If you're into learning React in a comprehensive way, I highly recommend you try Wes Bos' React for Beginners or Fullstack Advanced React & GraphQL course.
Given the current situation with COVID-19, times are hard for most of us, but if you're stuck at home you can perhaps use that extra time to work on your React skills. Wes put all of his courses at 50% off to help out with the current challenge we're facing.
Plus, these are affiliate links, so if you purchase a course you help Alligator.io continue to exist at the same time! 🙏
- Seb, ✌️+❤️
Here’s more!
Use these classes to polish the look of your images:
- .img-rounded: Applies a slight curve to image borders.
- .img-circle: Shapes your image into a circle.
- .img-thumbnail: Gives your image a slight padding and a slick border.