Форматирование форматирования бутстрапа с использованием группы ввода и ввода-группы-addon

Question

У меня есть эта небольшая проблема с кодом в этом jsfiddle. Я использую Bootstrap 3.2.0: bootstrap.min.js и bootstrap.min.css. Код в jsfiddle выглядит следующим образом:

<div class="col-lg-6"> 
    <div class="input-group"> 
    <span class="input-group-addon"> 
     <label> 
     <input> 
     </label> 
    </span> 
    <label type="text" class="form-control" aria-label="..." >Line 2 hello world this line needs to be very long and this should do it!</label> 
    </div><!-- /input-group --> 
</div><!-- /.col-lg-6 --> 
<div class="col-lg-6"> 
    <div class="input-group"> 
    <span class="input-group-addon"> 
     <label> 
     <input> 
     </label> 
    </span> 
    <label type="text" class="form-control" aria-label="..." >Line 2 hello world this line needs to be very long and this should do it!</label> 
    </div><!-- /input-group --> 
</div><!-- /.col-lg-6 --> 
<div class="col-lg-6"> 
    <div class="input-group"> 
    <span class="input-group-addon"> 
     <label> 
     <input> 
     </label> 
    </span> 
    <label type="text" class="form-control" aria-label="..." >Line 2 hello world this line needs to be very long and this should do it!</label> 
    </div><!-- /input-group --> 
</div><!-- /.col-lg-6 --> 

Этого HTML работает с загрузчиком 3.0.0, но не с 3.2.0. Итак, вот тот же HTML в jsfiddle, но с bootstrap 3.0.0. Вот как мне хотелось бы выглядеть (но мне нужно использовать 3.2.0, потому что я построил весь свой проект в этом отношении до сих пор ...)

Любые идеи о том, какая разница между 3.0.0 и 3.2 .0 что вызывает это?

Answer 1

попробовать это: http://jsfiddle.net/a4eocgg4/1/

и это в вашем CSS:

.form-control{height: auto !important; }