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>  

https://jsfiddle.net/g7xg0uc7/1/

the row red div pushed down height of black div.

add red div below blue div in same col-sm-7 div.


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - Bypass Geo Redirect for specific directories -

php - .htaccess mod_rewrite for dynamic url which has domain names -