Remove padding from rows in Bootstrap

Last Reply 5 months ago By pandeyism

Posted 5 months ago

i wanted to remove space between Payment received and balance payment.i have not applied any css  but i dont know why space is coming in between.i tried using nopadding but still it dint worked.

https://ibb.co/eiC0K7

<div class="container">
<div class="row">
    <div class="col-md-12 nopadding">
        <div class="col-md-12 nopadding" style="font-size:15px;padding-top:0px;font-family:Calibri;margin-left:60px;">
            Payment Receieved : <asp:Label 
            ID="lblPayReceive" runat="server" CssClass="lblDeadln" ></asp:Label>
        </div>
       <%-- <div class="col-md-4"></div>--%>
    </div>
</div>

        <div class="row">
            <div class="col-md-12 nopadding">
                <div class="col-md-8 nopadding" style="font-size:15px;padding-top:0!important;font-family:Calibri;margin-left:60px;">
                    Balance Payment : <asp:Label 
            ID="lblBalance" runat="server" CssClass="lblDeadln" ></asp:Label>
                    </div>
                <div class="col-md-4"></div>
            </div>
        </div>

        </div>

Any help will be appreciated.

Posted 5 months ago

Hi chetan,

Check this example. Now please take its reference and correct your code.

HTML

<div class="container">
    <div class="row">
        <div class="col-md-12 nopadding">
            <div class="col-md-12 nopadding" style="font-size: 15px; padding-top: 0px; line-height: 10px;
                font-family: Calibri; margin-left: 60px;">
                Payment Receieved :
                <asp:Label ID="lblPayReceive" runat="server" CssClass="lblDeadln"></asp:Label>
            </div>
            <%-- <div class="col-md-4"></div>--%>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 nopadding">
            <div class="col-md-8 nopadding" style="font-size: 15px; padding-top: 0px; font-family: Calibri;
                margin-left: 60px;">
                Balance Payment :
                <asp:Label ID="lblBalance" runat="server" CssClass="lblDeadln"></asp:Label>
            </div>
        </div>
    </div>
</div>

Screenshot