7: Insert responsive images in Bootstrap 3 - Learn Bootstrap 3 front-end programming

Insert responsive images in Bootstrap - Learn Bootstrap front-end programming. In this video we will learn how to make images responsive in bootstrap, and how to make image galleries.

--

mmtuts is a YouTube channel that focuses on teaching beginner and advanced courses in various multimedia related skills.
We plan to make tutorials available on programming, video production, animation, graphic design, and on software such as the Adobe Creative Cloud programs.

Bootstrap for beginners is a how to series that teaches Bootstrap to people who are just starting out learning programming. The course teaches how Bootstrap can be made easy and teaches how to build responsive web designs and much more. Creating responsive websites with Bootstrap is easy and should not be seen as otherwise, which is why we want to explain the language in a easy to understand way for beginners.

If you have suggestions on new courses, or specific lessons within existing courses you would like to see, then feel welcome to submit them in the comment section or in a private message. ALL suggestions will be seen, but not all will be replied to since we get quite a few every day.

[evelynosayande]

You are always explicit! Good job and thanks so much.

[helloangel]

F.Y.I. The class "img-responsive" is "img-fluid", the class "img-rounded" is "rounded", and the class "img-circle" is "rounded-circle" in Bootstrap 4.

[delianasarimulia]

Love all of your tutorials! Thank you so much, mmtuts!

[zohaibahmed]

Hey bro.
I like your tutorials.
keep the good work going 👌

[TheDoma]

When you don't want padding and margin by images, you can use no-gutters class by row class in Bootstrap 4.

[xavierquek]

really like your vids! helped me alot with my sch work!! <3

[toma]

So big image is still too heavy for mobile devices. It‘s better to use <picture> and <source> elements.

[Rosasyoga]

hey bro how do I get the css to work? link is correct but sometimes the stylesheet is applied and sometimes its not. Im using sublime text. Any help would be appreciated.

[highcoder]

Hey bro I am watching your tutorials and some of the image classes are not working on my pc,
i have the updated chrome version .
Pls help
What the problem can be ?

[harshitavaid]

Hiii...I was doing this images in bootstrap but having trouble in it...I can't see other images in chrome...out of 3 pictures I can only see the center one

[ahmetabzhir]

in bootstrap 4
the class img-rounded = rounded
img-circle= rounded-circle

[semihkara]

Hi I could not responsive image. Help please mmtuts.

[morganklaif]

Hi mmtuts,

I need help please. I purchased your login plugin, and when I redirected back to your website, I never received a download link.

[skfkfkd]

This didn't work out for me. Is it because of my image size?

[kaynesheenan]

I read It's now called rounded-circle in BS4