locked
Vertical Gap RRS feed

  • Question

  • User-1499457942 posted

    Hi

      I want to reduce vertical gap between 2 columns

    <div class="form-group row">
                                    <label for="lblInflator" class="col-sm-1 col-form-label">Inflator :</label>
                                    <div class="col-sm-2">
                                        <asp:TextBox ID="txtInflator" CssClass="form-control" runat="server"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="rfv1" CssClass="text-danger" runat="server" ErrorMessage="This field is Required !" ControlToValidate="txtInflator"></asp:RequiredFieldValidator>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="ltxtDeflator" class="col-sm-1 col-form-label">Deflator :</label>
                                    <div class="col-sm-2">
                                        <asp:TextBox ID="txtDeflator" CssClass="form-control" runat="server"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="rfv2" CssClass="text-danger" runat="server" ErrorMessage="This field is Required !" ControlToValidate="txtDeflator"></asp:RequiredFieldValidator>
                                    </div>
                                </div>

    Thanks

    Sunday, August 12, 2018 3:17 PM

Answers

  • User1724605321 posted

    Hi JagjitSingh ,

    You can create  css :

        <style>
            .columnAdjust {
                margin-bottom:0px
            }
    
    
        </style>

    And use that like :

     <div class="form-group row columnAdjust" >
           <label for="lblInflator" class="col-sm-1 col-form-label">Inflator :</label>
           <div class="col-sm-2">
                 <asp:TextBox ID="txtInflator" CssClass="form-control" runat="server"></asp:TextBox>
                 <asp:RequiredFieldValidator ID="rfv1" CssClass="text-danger" runat="server" ErrorMessage="This field is Required !" ControlToValidate="txtInflator"></asp:RequiredFieldValidator>
            </div>
     </div>
    <div class="form-group row">
    <label for="ltxtDeflator" class="col-sm-1 col-form-label">Deflator :</label>
    <div class="col-sm-2" >
    <asp:TextBox ID="txtDeflator" CssClass="form-control" runat="server"></asp:TextBox>
    <asp:RequiredFieldValidator ID="rfv2" CssClass="text-danger" runat="server" ErrorMessage="This field is Required !" ControlToValidate="txtDeflator"></asp:RequiredFieldValidator>
    </div>
    </div>

    Best Regards,

    Nan Yu

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, August 13, 2018 6:38 AM