JSFiddle - React, Tailwind, and code Playground

by fekula

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<div class="form-row align-items-end">
    <div class="form-group col-md-7">
        <label>Name:</label>
        <input class="form-control">
    </div>
    <div class="form-group col-md-5">
        <label>
            Center text
        </label>
    </div>
    <div class="form-group col-md-7">
        <label>Name:</label>
        <input class="form-control">
    </div>
    <div class="form-group col-md-5">
<div class="custom-control custom-radio custom-control-inline">
  <input type="radio" id="customRadioInline1" name="customRadioInline" class="custom-control-input">
  <label class="custom-control-label" for="customRadioInline1">Toggle this custom radio</label>
</div>
</div>
    <div class="form-group col-md-7">
        <label>Name:</label>
        <input class="form-control">
    </div>
    <div class="form-group col-md-5">
<div class="custom-control custom-switch">
  <input type="checkbox" class="custom-control-input" id="customSwitch1">
  <label class="custom-control-label" for="customSwitch1">Toggle this switch element</label>
</div>
</div>
</div>