Question

我正在研究BS4 DNN皮肤。在页面底部，我有一个流体容器，该容器有时会存储信息。这样做时，它会在适当的容器中显示信息，而不会出现任何问题。

但是如果什么也没显示，那么外部容器的设置仍会显示得如此之小；背景颜色和边框。

有没有办法防止这种情况？谢谢你。

CSS:
.bottompagelinks { background-color:#60584B; border-top:2px dotted #000; }

<div class="container-fluid bottompagelinks">
  <div class="container">
    <div class="row">
      <div class="col-md-3" runat="server" id="Row_Grid3_Pane1" />
      <div class="col-md-3" runat="server" id="Row_Grid3_Pane2" />
      <div class="col-md-3" runat="server" id="Row_Grid3_Pane3" />
      <div class="col-md-3" runat="server" id="Row_Grid3_Pane4" />
    </div>
  </div>
</div>

Answer 1

当我在容器中的一行中创建这样的窗格时，我不想对行和容器应用多种样式（如果有）。同时，我将padding: 0应用于任何空白窗格，以便这些空白窗格不会影响其父项的呈现方式。

使用您的代码，我假设如果所有窗格都为空，那么您仍然会对列，行和容器应用了Bootstrap填充。

DNN皮肤-Bootstrap v4.1.1-显示空容器的设置

1 个答案: