I have implemented Bootstrap 4 Nav-tabs as shown below:
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
aria-selected="true">SavedAssets</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#submitted" role="tab" aria-controls="profile"
aria-selected="false">SubmittedAssets</a>
</li>
</ul>
I am looking to customize the appearance of my nav-tabs to resemble the design in this image: Tabs image
The desired effect is for a blue line to highlight the active tab, and move to the next tab when clicked.
Any assistance with writing CSS code for this would be greatly appreciated. Thank you!