JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML5/PHP>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css">
  </head>

  <body>
    <script src="styles/bootstrap/js/bootstrap.min.js"></script>

    <form action="" method="POST">
      <div class="form-group row">
        <div class="col-xs-2">
          <input type="text" name="search_bar" class="form-control d-inline" aria-describedby="search_barHelp" placeholder="What are you looking for?">
          <input type="submit" value="Search" class="btn btn-primary d-inline" />
        </div>
      </div>
    </form>



    <div class="col mt-5">
    </div>
  </body>

</html>