Bootstrap заполнить пробел, когда вход скрыт

Question

У меня нет опыта работы с начальной загрузкой, и я столкнулся с ситуацией, подобной следующей:

В первом изображении вход "манипуляция""показывается, но на втором изображении я его спрятал.Я хочу заполнить пустое место на втором изображении следующим вводом (в данном случае это «Impuesto Producto»).Я использую Bootstrap и jquery, это возможно?

Я покажу вам структуру кода, которую я использую:

У меня нет опыта работы с Bootstrap, и я столкнулся с такой ситуациейследующее изображение: введите описание изображения здесь

На первом изображении показан ввод «манипула», но на втором изображении я его спрятал.Я хочу заполнить пустое место на втором изображении следующим вводом (в данном случае это «Impuesto Producto»).Я использую bootstrap и jquery, это возможно?

Я покажу вам структуру кода, которую я использую:

@ ControlGAS.Office.Resources.Resources.ControlGAS.ComplementaryData

    <div id="SectionCommonInputs">

        <div class="form-group form-material floating row">

            <div id="OptHazardousCLSId" style="display:none" class="col-md-4">


            </div>

            <div id="OptWasteMgmtCLSId" style="display:none" class="col-md-4">

            </div>



            <div id="OptHandlingSpecialSCLSId" style="display:none" class="col-md-4">


        </div>

    </div>

    <div class="form-group form-material floating row">

        <div class="col-md-4">


        </div>

        <div class="col-md-4">

        </div>


        <div class="col-md-4">

        </div>

    </div>

 </div>

Answer 1

Используйте эту структуру:

<form action="">
    <div class="row">
        <div class="col-md-4">
            <div class="form-group">
                <label for="select_id_1"></label>
                <select name="" id="select_id_1"></select>
                <select name="" id=""></select>
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-group">
                <label for="select_id_2"></label>
                <select name="" id="select_id_2"></select>
                <select name="" id=""></select>
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-group">
                <label for="select_id_3"></label>
                <select class="d-none" name="" id="select_id_3"></select>
                <select name="" id=""></select>
            </div>
        </div>
    </div>
</form>

Так что это не совсем то, что у вас есть, но показывает, как упорядочить структуру.Рекомендуется указывать метку для каждого входа, например:

<div class="form-group">
    <label for="select_id_1_a"></label>
    <select name="" id="select_id_1_a"></select>
    <label for="select_id_1_b"></label>
    <select name="" id="select_id_1_b"></select>
</div>

Поэтому, если вы хотите скрыть конкретный вход, просто присвойте ему и его метке класс d-none (загрузчик 4 +)