如何使用引导程序删除行之间的空间？答案

【问题标题】：how to remove space between rows using bootstrap?如何使用引导程序删除行之间的空间？
【发布时间】：2018-09-28 05:25:53
【问题描述】：

我想删除rows 之间的空格，即Payment received 和balance payment。我尝试使用nopadding、row-bottom-margin 到row，但没有成功。我不知道为什么中间有空间。我是新手。

代码：

<div class="container">
    <div class="row">      
        <div class="col-md-12" 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>

    <div class="row">               
        <div class="col-md-12" 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>    
</div>

【问题讨论】：

row 没有底部margin 或padding，在这种情况下是其他类导致了空间，row-bottom-margin 是什么？
.row-bottom-margin { margin-bottom:10px; }
删除row-bottom-margin ?! <div class="col-md-12"> 似乎也没有必要
行类不会创建边距/填充顶部或底部。其他一些 css 导致它。
line-height 属性会影响它。请从正文标签中删除它...

标签： twitter-bootstrap padding

【解决方案1】：

您可以修改文本的 line-height 属性...

请查看this

body {
  margin: 10px;
  line-height:0.6;
}

【讨论】：