html - How to eliminate whitespace between two divs in different class=row's (Bootstrap)? -
looks except on vertical tablet browsers. whitespace between red , blue divs appears, forced height of black div.
it's critical in solution stacking order of divs on tablet/mobile screens goes blue > black > red.
<html> <div class="container"> <div class="row"> <div class="col-sm-7"><div class="blue"><img src="jpg"> lots of whitespace appears below between 768 aprx 900 px browser width (tablet dimenions)</div></div> <div class="col-sm-5"><div class="black">line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text<br>line of text</div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-7"><div class="red">red</div></div> <div class="col-sm-5"><div> </div> </div> </html>
the row
red div
pushed down height of black div
.
add red div
below blue div in same col-sm-7
div.
Comments
Post a Comment