brettshadow
New Member
I am trying to build a module of span8 width and varying height. There is an image which will define the height of the div, and text that is positioned on top of the image. I am having trouble trying to figure out how prevent part of my image from being cropped when Bootstrap resizes the div. In addition, I'm having trouble figuring out how to position my text boxes. I am trying to have two text boxes - one positioned at 0% vertical, and the second at 50% vertical.\[code\]<div class="row"> <div class="span12 promo"> <div class="content" style="background:url(http://www.placehold.it/470x188) no-repeat;"> <div class="row-fluid"> <div class="topText span24"> Text positioned on the top half </div> </div> <div class="row-fluid"> <div class="botText span24"> Text positioned on the bottom half </div> </div> </div> </div></div>.promo { height: 100%; }.promo .content { width: 100%; height: 100%; } .promo .content .row-fluid { height: 50px; }\[/code\]