CODEWITHSUNDEEP
htmlcsstwitter-bootstrapresponsive
Maestro Vladimir
Maestro Vladimir

Reputation: 1196

Responsive Image when resize

i'm create a page for web survey using boostrap, because i want my design still same in laptop/computer when access in Tablet or handphone.

But i have found problem, when resize browser

This my web when size browser >= 995px [![enter image description here][1]][1]

But when resize <= 990px

[![enter image description here][2]][2]

I don't know solution how to fix this problem

This is my code 

<div class="container-fluid" >
                    <div class="row">
                        <div class="col-md-4 col-sm-4 lk-back">

                </div>
        </div>

In codepen

Help me thank's

Upvotes: 1

Views: 58

Answers (2)

Honsa Stunna
Honsa Stunna

Reputation: 595

a is not a block element by default.

a {
    display: block;
}

But you should not apply bootstrap classes to your normal elements. Use the bootstrap classes just for the layout to avoid problems like this.

Upvotes: 1

Goms
Goms

Reputation: 2644

Try img-responsive class in the img tag

<img class="img-responsive" src="path/to/image" />

Upvotes: 2

Related Questions