如何使用 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>

试试这段代码，别忘了添加引导库