如何使用 boostrap 添加側組輸入？

Question

在此處輸入圖像描述

我有三個輸入，我需要在第三個輸入框附近添加 4 個小輸入框。請檢查我添加的圖像

在圖片中我添加了 4 個盒子。正是我需要這樣

Answer 1

 <div class="row"> <div class="col-lg-8"> <form> <div class="form-group row"> <label for="inputName" class=" col-form-label"></label> <input type="text" class="form-control" name="inputName" id="inputName" placeholder=""> </div> <div class="form-group row"> <label for="inputName" class="col-form-label"></label> <input type="text" class="form-control" name="inputName" id="inputName" placeholder=""> </div> <div class="form-group row"> <label for="inputName" class=" col-form-label"></label> <input type="text" class="form-control" name="inputName" id="inputName" placeholder=""> </div> </form> </div> <div class="col-lg-4 align-self-end"> <div class="row"> <div class="col-lg-4"> <div class="form-group row"> <label for="inputName" class="col-sm-1-12 col-form-label"></label> <div class="col-sm-1-12"> <input type="text" class="form-control" name="inputName" id="inputName" placeholder=""> </div> </div> </div> <div class="col-lg-4"> <div class="form-group row"> <label for="inputName" class="col-sm-1-12 col-form-label"></label> <div class="col-sm-1-12"> <input type="text" class="form-control" name="inputName" id="inputName" placeholder=""> </div> </div> </div> <div class="col-lg-4"> <div class="form-group row"> <label for="inputName" class="col-sm-1-12 col-form-label"></label> <div class="col-sm-1-12"> <input type="text" class="form-control" name="inputName" id="inputName" placeholder=""> </div> </div> </div> </div> </div> </div>

試試這段代碼，別忘了添加引導庫