Adaptive layout. Is it right?

Question

css

I don't know much about layout, but I want to understand.
I need tables with a picture inside a div to be displayed the same on all monitors, am I doing it right?

<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1" style="height: 603px;">
  <div class="info-box info-box2">
     <div class="img">
        <img src="images/uploads/test/arrow.png" style="width: 70%;">
     </div>
  </div><!-- /.info-box -->
</div>

Is there any master-read guide on this topic? Yearly lessons maybe.

Answer 1

Here everything is explained in detail and shown
webformyself.com/minikurs/bootstrap/index-subscrib...

Answer 2

Here it is not correct:
Define a class and set height in it.
For the image, specify the width in aribut, not inline style.