Más ejercicios en pablomonteserin.com
<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="robots" content="noindex, follow">
  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet">


  <title>Hello, world!</title>
  <style>
    .col {
      border: 4px solid black
    }
  </style>
</head>

<body>
  <div class="container">
    <h2>Con form-control</h2>

    <div class="row">
      <div class="col">
        <input class="form-control" type="text" />
      </div>
      <div class="col">
        <textarea class="form-control"></textarea>
      </div>
      <div class="col">
        <select class="form-control">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
        </select>
      </div>
    </div>
    <h2>Sin form-control</h2>

    <div class="row">
      <div class="col">
        <input type="text" />
      </div>
      <div class="col">
        <textarea></textarea>
      </div>
      <div class="col">
        <select>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
        </select>
      </div>
    </div>

  </div>
</body>

</html>