html - Bootstrap CSS Column -


i working on quick ui page , still in stages.

there 1 thing trying , cant quite figure out.

in screenshot attached, have full height column solid background color goes hr footer on left side.

enter image description here

i created fiddle basic rendering of page.

fiddle: https://jsfiddle.net/unovgp8b/

i tried adding class left column , giving height of 100% never worked. goal column (the solid background) 100% height seeing how content on right going push page down when panel details populated.

is there easy way make 100% height column using bootstrap?

you're looking equal height column think. there many ways of doing this, 1 have outer container set overflow: hidden, add left column:

margin-bottom: -99999px; padding-bottom: 99999px; 

heaps more examples here: https://css-tricks.com/fluid-width-equal-height-columns/

fiddle: https://jsfiddle.net/h3no8jww/1/


Comments

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -