Resizing image in bootstrap via html file

Question

I'm new to all of this. I'm learning bootstrap 3 and during the process I've encountered a problem.

I'm using the <div class="row"> and <div class="col-md-4> to make a 3 symmetrical column with 3 images + 1 little description for each of them.

Here's my issue: I don't know how to resize the images in my html file... I just want to make them smaller so they can all fit in my column.

Can't post my code... its too long I guess

try class="img-responsive"

Dan
– Dan

2014-08-18 23:04:57 +00:00
Commented Aug 18, 2014 at 23:04 — Dan
– Dan, Commented Aug 18, 2014 at 23:04

Suganth G · Accepted Answer · 2014-08-19 04:26:59Z

2

Try this:

    <div class="row">
        <div class="col-md-4">
            <img class="img-responsive" src="layouts/layouts.PNG" />
            <p>Some description</p>
        </div>
        <div class="col-md-4">
            <img class="img-responsive" src="layouts/layouts.PNG" />
            <p>Some description</p>
        </div>
        <div class="col-md-4">
            <img class="img-responsive" src="layouts/layouts.PNG" />
            <p>Some description</p>
        </div>
    </div>

answered Aug 19, 2014 at 4:26

Suganth G

5,1563 gold badges27 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Suganth G Over a year ago

The Comment of "Dan" is executed here.

Collectives™ on Stack Overflow

Resizing image in bootstrap via html file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related