Search⌘ K
AI Features

Adding Images and Text

Explore how to incorporate images and text into a Bootstrap 4 grid layout. Learn to place images alongside text using columns, and apply the img-fluid class to ensure responsive images within your design.

Make the changes

A live code environment is provided to try the changes suggested in the lesson.

Adding images

All that’s left to do in this layout is to add some elements to a layout grid. We’ll use two movie-themed images from Unsplash.com.

The Netflix logo by DCL "650"
Old theater by jake hills

Both images will spread over seven columns of Bootstrap’s 12-column grid. The ...