[Vuejs]-How to set different bootstrap class depends on condition in Vue?

<div class="row">
  <div :class="isIndividual ? 'col-md-12' : 'col-md-6' ">
  </div>
</div>