JSFiddle - React, Tailwind, and code Playground

by JM note

HTML

<link rel='stylesheet' href='//unpkg.com/bootswatch/dist/darkly/bootstrap.min.css' />
<nav class="navbar navbar-dark bg-primary">
  <div class="container-fluid">
    <a class="navbar-brand">Hello</a>
  </div>
</nav>
<main>
  <section class="jumbotron text-center">
    <div class="container">
      <h1>Change Theme</h1>
      <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      <p>
        <button type="button" class="btn-theme btn btn-secondary">flatly</button>
        <button type="button" class="btn-theme btn btn-secondary">darkly</button>
      </p>
    </div>
  </section>
</main>
<script src='//unpkg.com/jquery'></script>
<script src='//unpkg.com/bootstrap/dist/js/bootstrap.min.js'></script>
<script>
$('.btn-theme').click(function() {
  $('link[rel="stylesheet"][href$="/bootstrap.min.css"]').attr('href','//unpkg.com/bootswatch/dist/'+$(this).text()+'/bootstrap.min.css');
});
</script>