css - How to set element height but stay responsive? -


using bootstrap 3 mvc5. have row of 5 fieldsets radio groups. need fieldsets same height, despite different number of radio buttons in each group. if set height, radio buttons overflow fieldset when go small screen size.

i have tried setting height 100% , setting height container, causes same issue.

my fiddle: https://jsfiddle.net/battlfrog/rkpsv0jw/1/

fieldset {   border: 1px solid #527f03;   padding: 0 15px 15px 15px;   height: 100%; } .radio {   width: 100%; }  #radio-row {   min-height: 200px; }  #radio-row fieldset {     height: 100%; } 

if want each fieldset same height why not use

min-height:300px;  fieldset {     border: 1px solid #527f03;     padding: 0 15px 15px 15px;     min-height: 300px; } 

Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -