为什么在默认情况下，响应性面板不在另一个面板旁边？

Question

我使用适应性的主题与面板，迷你面板，面板随处可见，和AT面板无处不在。我的网站默认模板是在面板随处可见。

我为页脚建立了一个5列迷你面板。我只为每一列分配了一件东西:菜单，或标识，或“由drupal驱动”。

当我使用建设者布局的迷你面板，并构建5列-每件事都很好，我有5列彼此相接，在一排。(尽管如此，我还是尽量避免建造者，只使用AT布局)。

但是，如果我使用“responsive面板- 4,5,6列”作为迷你面板布局，结果是我的页脚有两行:顶部行有2个面板，底部行有3个面板。看起来这些块或什么东西太大了，而AT布局只是在响应。

我试着解决这个问题，把它变成一行，并在每个面板中添加一个类，使它们变得非常狭窄。但是这不起作用，我仍然有2行，尽管面板非常窄，并且可以完美地在一行(5列)中完成。

我如何确保每个面板将使用其布局的20% (如果可能的话)，所有将显示在一行，5列并排？

以下是问题所在：

下面是页脚代码：

页脚仍在两行，如下所示：

是什么原因导致AT迷你面板认为它没有空间，需要改变布局？

Answer 1

我终于找到了解决办法。AT正在打印以下css代码：

.five-5x20 > .panel-row {
    clear: none;
}

因此，我将所有代码调整为：

#panel-footer .five-5x20 > .panel-row {
    float: left ;
    display: block;
    width: auto;
    clear: none;
}

清除:没有修复问题，现在浮动:左正在工作。

@Marcel谢谢你的帮助

Answer 2

这只能由CSS完成：

将宽度和浮点数应用于页脚中的所有面板：

#footer .region {
  float:left;
  width:20%;
}

或者让它们变小一点，这样你就可以给m应用边距了。