Question

我没有自举程序的经验，遇到了如下图所示的情况：

在第一个图像中显示了输入“ manipuleo”，但是在第二个图像中，我将其隐藏了。我想用下一个输入填充第二个图像中的空白区域（在本例中为“ Impuesto Producto”）。我正在使用Bootstrap和jquery，这可能吗？

我向您展示了我正在使用的代码结构：

我没有使用Bootstrap的经验，遇到了下图所示的情况：在此处输入图像描述

在第一个图像中显示了输入“ manipuleo”，但是在第二个图像中，我将其隐藏了。我想用下一个输入填充第二个图像中的空白区域（在本例中为“ 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+）的标签即可。

输入隐藏时的引导程序填充间隙

1 个答案: