html - Bootstrap <form> height -


i attempting have form on website using bootstrap framework, going fine except fact bootstrap doesn't seem calculating form's height. have footer right after form, in separate div tag, when view output in browser, footer covers half of form. it's bootstrap doesn't give form div automatic height.

code: https://jsfiddle.net/w2s61lfo/

**the form last element in wrapper , footer last of body. sorry messy css, write messy , go , clean it.

output: http://imgur.com/zoau1ik

i can't post images yet, sorry!!

thanks!

your sticky footer correct. bootstrap columns usage wrong...

bootstrap uses container wrapper div control width of content part , provide gutter around content.

col-xs-, col-sm- etc., - these floating elements widths in percentage. since these divs floated, correct heights calculated when has "row" around it.

row - has clearfix ( css clear) specified in it. col-* height can calculated

you must have row around columns

<div class="row"> <form class="col-xs-12"></form> </div> 

here working fiddle https://jsfiddle.net/davidsekar/qr6gecj9/1/


Comments

Popular posts from this blog

wordpress - (T_ENDFOREACH) php error -

Export Excel workseet into txt file using vba - (text and numbers with formulas) -

Using django-mptt to get only the categories that have items -