Bootstrap 5 forms inline

<!DOCTYPE html>
<title>My Example</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

<style>
body {
padding-top: 1em;
}	
</style> <div class="container-fluid">
		
<form  class="row row-cols-lg-auto g-3 align-items-center" action="/html/form_handler.cfm">
    <div class="col-12">
      <label for="first_name">First Name</label>
    </div>
    <div class="col-12">
      <input type="text" class="form-control" id="first_name" name="first_name">
    </div>
    <div class="col-12">
      <label for="last_name">Last Name</label>
    </div>    
    <div class="col-12">  
      <input type="text" class="form-control" id="last_name" name="last_name">
    </div>
    <div class="col-12">
      <button type="submit" class="btn btn-primary">Submit</button>
    </div>
</form>

</div>
		

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>