JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="text-center">
<p>
Using bootstraps built-in btn-link doesn't result in anchor-like style:<br>
<a href="#">Link One</a> |
<button type="button" class="btn btn-link">Bad Button</button> |
<a href="#">Link Two</a> |
<a href="#">Link Three</a>
</p>
<p>
But with a little tweaking:<br>
<a href="#">Link One</a> |
<button type="button" class="btn btn-link btn-anchor">Good Button</button> |
<a href="#">Link Two</a> |
<a href="#">Link Three</a>
</p>
<p>
Just anchors for reference:<br>
<a href="#">Link One</a> |
<a href="#">Link Instead</a> |
<a href="#">Link Two</a> |
<a href="#">Link Three</a>
</p>
</div>
CSS
.btn-link.btn-anchor {
outline: none !important;
padding: 0;
border: 0;
vertical-align: baseline;
}