Bootstrap Свернуть обратную анимацию, не работающую с Bootstrap Layout DIVs

Question

JSFiddle: https://jsfiddle.net/rxc43wtd/

Я использую Bootstrap Свернуть (3.3.7), чтобы показать / скрыть панель. Если я добавлю DIV с классом Bootstrap Layout, как показано ниже, анимация на обратном пути перестает работать (но она все еще работает при расширении). Мне нужна двунаправленная анимация. Работает, когда внутри нет класса Layout DIV.

<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
   Link with href
</a>

<div class="collapse" id="collapseExample">
   <!-- Comment out this DIV for correct Back/Forth Animation -->
   <!-- Just have the text directly under the parent DIV -->
   <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.<br><br> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
   </div> 
</div>