0
<div class="container" style="background-color: red">
<div class="row">
<div class="col-xs-6" style="background-color: green; height: 100%">
     <img src="http://www.unixstickers.com/image/data/stickers/jsfiddle/JSfiddle-blue-w-type.sh.png"  class="img-responsive img-circle center-block" style="width: 20px">
  </div>
   <div class="col-xs-6" style="background-color: blue">
     22222222222 <br />
     22222222222 <br />
     22222222222 <br />
     22222222222 <br />
     22222222222 <br />
     22222222222 <br />
     22222222222 <br />
  </div>
  </div>
</div>

Live example: https://jsfiddle.net/t814cmts/

How can I set height 100% for first div in div.row? Why height:100% not working? I know - I can set height with px, but my site must be responsive and I don't want set px for all devices.

I want height 100% because I would like to center the image to the text on the right.

wesugomaw
  • 5
  • 1

1 Answers1

0

You want your image in left div should be centered to right div containing text. So even your content div increases in height, your image in left div should be centered vertically? I tried this match height javascript to match height the adjacent elements, take a look at the URL http://brm.io/jquery-match-height-demo/

kamal
  • 68
  • 7