css - bootstrap tab-pane not growing -


i'm trying create panel 3 tabs.

each tab this:

  <div class="tab-pane alert alert-info" id="step-by-step">     <form data-toggle="validator" role="form" id="add_bike">       <div class="form-group col-xs-12 col-sm-12 col-md-8 col-lg-6">         <label for="year">year</label> 

i have strange problem, if add "col-xs-12 col-sm-12 col-md-8 col-lg-6" classes panel background won't match form height,

http://jsfiddle.net/yxunr/8/

not growing

while it's fine if remove responsive classes

http://jsfiddle.net/9p3s9/1/

growing correctly

i've checked html , apparently it's good, wouldn't force min-height on these panels, have idea how fix this? (i've tried assign background , removing alert alert-info tab-pane, won't grow anyway.

for reason adding

    <div class="row"></div> 

after form fixes this

http://jsfiddle.net/yxunr/20/


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -