<div class="d-flex mt-5 mx-5">

  <div class="w-100">

    <select data-mdb-select-init>

      <option value="1">One</option>

      <option value="2">Two</option>

      <option value="3">Three</option>

      <option value="4">Four</option>

      <option value="5">Five</option>

      <option value="6">Six</option>

      <option value="7">Seven</option>

      <option value="8">Eight</option>

    </select>

  </div>

  <span class="ms-2">*</span>

</div>

​

<div class="d-flex mt-5 mx-5">

  <div class="form-outline" data-mdb-input-init>

    <input type="text" id="form12" class="form-control" />

    <label class="form-label" for="form12">Example label</label>

  </div>

  <span class="ms-2">*</span>

</div>

​

<div class="d-flex mt-5 mx-5">

  <div class="form-outline" data-mdb-input-init>

    <textarea class="form-control" id="textAreaExample" rows="4"></textarea>

    <label class="form-label" for="textAreaExample">Message</label>

  </div>

  <span class="ms-2">*</span>

</div>

​

<div class="d-flex mt-5 mx-5">

  <div class="form-outline" data-mdb-input-init>

    <textarea class="form-control" id="textAreaExample" rows="10"></textarea>

    <label class="form-label" for="textAreaExample">Message</label>

  </div>

  <span class="ms-2">*</span>

</div>