html - WHy is it that in bootstrap when I minimize my window my <p> keeps getting longer and pushes all the content below it down -


ok have basic bootstrap layout

<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 <p> shrink in width extend paragraph down gets thinner , longer window minimizes pushes content span12 @ bottom down. want <p> not longer window minimizes maybe smaller or something. tried removing margin , padding when keep content in bottom of <p> being pushed down <p> literally still extends under bottom span12 , creates margin way @ bottom of page. can tell me whats going on please.

update:

here fiddle: http://jsfiddle.net/lucaz5520/ztggx/ if @ paragraph minimize window thinner , push content below down

ok here fiddle minimize window way paragraph stretches out , pushes content down.

[enter link description here][1]     [1]: http://jsfiddle.net/crqqf/ 

this damn thing isn't posting correctly says need accompany link "code" , did wont let me post. anyways copy down link

my question updated


Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -