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.
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
Post a Comment