Highlighted

Image Resizing

New Here ,
Feb 24, 2020

Copy link to clipboard

Copied

image_size.JPGimage_size2.JPG

I can't seem to get my code to resize smaller for the mobile than what is showing in the picture. Can anyone help?

TOPICS
Bootstrap, Browser, Code, How to, Preview

Views

355

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Image Resizing

New Here ,
Feb 24, 2020

Copy link to clipboard

Copied

image_size.JPGimage_size2.JPG

I can't seem to get my code to resize smaller for the mobile than what is showing in the picture. Can anyone help?

TOPICS
Bootstrap, Browser, Code, How to, Preview

Views

356

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Feb 24, 2020 0
Adobe Community Professional ,
Feb 24, 2020

Copy link to clipboard

Copied

https://getbootstrap.com/docs/4.0/content/images/ and see:

Images in Bootstrap are made responsive with .img-fluidmax-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 24, 2020 1
Adobe Community Professional ,
Feb 24, 2020

Copy link to clipboard

Copied

Unfortunately, this doesn't look like a Bootstrap responsive layout so it's unclear to me what's missing.   Please upload your work to a remote server you control and post the URL here.  We can take a look at it online and tell you what's missing.

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 24, 2020 0