how to integrate context-menu with bootstrap?

[t0n1zz]

hi, i am using bootstrap and looking for a way to add the same bootstrap class into context menu... i tried to add

<ul class="list-group">
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>

so i change the code to be like this

<context-menu id="context-menu" ref="ctxMenu" class="list-group">
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</context-menu>

but it is not working...

update:

i find that when we render it, it will automatically add class "ctx-menu" and "ctx-menu-left" how do i costumize that in the vue way?