<div class="row justify-content-center">

        <div class="col-lg-8 align-self-center">

            <form class="needs-validation novalidate" id="step1" method="POST" action="action/DO_step1.php">

                <div class="card">

                    <div class="card-header">

                        <h6 class="card-title mb-0">Select Card</h6>

                    </div>

                    <div class="card-body p-3">

                        <div class="row mb-2">

                            <div class="col">

                                <div class="input-group" >

                                    <select name="item" id="item" class="select flex-grow-1" disabled>

                                        <option value='1'>Test Item</option>

                                    </select>

                                  <label class='form-label select-label' for='item'>item</label>

                                </div>

                            </div>

                        </div>

                        <hr>

                        <div class="row mb-2 d-flex">

                            <div class="col flex-fill">

                                <div class="input-group" >

                                    <select name="owner" id="owner" class="select flex-grow-1" >

                                      <option value="1" selected>Test Monkey</option>

                                      <option value="2" selected>Test2 Monkey</option>

                                    </select>

                                    <label class="form-label  select-label" for="owner">Owner</label>

                                </div>

                            </div>

​

                        </div>

                  </div>

              </div>

          </form>

    </div>

</div>