Bootstrapのgridサイズ変更にアニメーションを

vue-core

#1

traisitionで、bootstrapのgridサイズ変更時にアニメーションを付与してヌルヌル動くのを実現したいです。

たとえば、

<div class="gridA" :class="{'col-lg-3': toggle, 'col-lg-6': !toggle}">
</div>
<div class="gridB" :class="{'col-lg-9': toggle, 'col-lg-6': !toggle}">
</div>

というような作りで、toggleがtrue/falseと切り替わるタイミングで、
gridAとgridBのサイズを変更させます。

通常であれば即座にアニメーションもなく切り替わるのですが、
vueのtransitionを用いて、ぬるぬるとアニメーションして切り替わるようにしたいです。

ご助言頂けますとうれしいです!