html - Why in bootstrap when I minimize my window my <p> keeps getting longer and pushes all the content below it down -
<div classs="row-fluid"> <div class="span12" style="background:black; padding:25px 0px;">content content</div> </div> <div class="span4 offset2"> <p>blah blah blah test blah blah blah testblah blah blah test <br /> blah blah blah testblah blah blah testblah blah blah test</p> </div> <div class="span12" style="blue; padding:25px 0px;">content content</div> as minimize window
shrink in width extend paragraph down gets thinner , longer window minimizes pushes content span12 @ bottom down. want
not longer window minimizes maybe smaller or something. tried removing margin , padding when keep content in bottom of
being pushed down
literally still extends under bottom span12 , creates margin way @ bottom of page. can tell me whats going on please.
fiddle: http://jsfiddle.net/lucaz5520/ztggx/ if @ paragraph minimize window thinner , push content below down
i'm not want go this, see if helps:
http://jsfiddle.net/panchroma/rkped/
1: i've imported bootstrap responsive css,
2: changed table width <table width="100%".....> doesn't conflict bootstrap grid on narrow screens, ,
3: grid divs weren't quite correct arround last span12, i've noted changes on jsfiddle
hope helps!
Comments
Post a Comment