I am currently using bootstrap-vue to build a page with several tabs. This is the code in a nutshell
<div id="app">
<template>
<div>
<b-tabs content-class="mt-3 ml-3">
<b-tab title="Settings">
<div class="col-md-4">
<h2>Hello</h2>
</div>
<b-tab>
<b-tab title="Question">
<div class="col-md-4">
<h2>World</h2>
</div>
<b-tab>
</b-tabs>
</div>
</template>
</div>
How do I made the tabs title sticky in place, so whenever I scroll inside the tab, the tabs will always be on top? Thank you kindly