bootstrap 4 small form controls code example

Example 1: bootstrap how to make form inline full width

bootstrap how to make form-inline title/text align center, input full width
<div class="form-group form-inline">
    <label class="mx-2" for="note-title">Title:</label>
    <input type="text" class="form-control flex-fill"/>
</div>

Example 2: bootstrap 4 forms

<form>
  <div class="form-group row">
    <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
    <div class="col-sm-10">
      <input type="text" readonly class="form-control-plaintext" id="staticEmail" value="[email protected]">
    </div>
  </div>
  <div class="form-group row">
    <label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="inputPassword" placeholder="Password">
    </div>
  </div>
</form>

Tags:

Misc Example