title: Changing class on b-navbar toggle in bootstap-vue
body: <p>I have a <code>&lt;b-navbar&gt;</code> on my bootstrap-vue page. The navbar is transparent but when it is clicked (expanded) on mobile I want it to be solid. I plan to accomplish this by changing the colour from <code>rgba(0, 0, 0, 0.05)</code> to <code>rgba(0, 0, 0, 1)</code> using CSS classes.</p>
  <p>I understand from <a href="https://bootstrap-vue.org/docs/components/navbar#comp-ref-b-navbar-toggle-events" rel="nofollow noreferrer">https://bootstrap-vue.org/docs/components/navbar#comp-ref-b-navbar-toggle-events</a> that there is something called a &quot;Native click event object&quot; fired when I press the toggle button. I have installed the Vue Devtools and I can see this event firing each time I press the navbar toggle button.</p>
  <p>My question is how can I listen for this event in order to also toggle the CSS class of the navbar?</p>