具有多列的 Magento 页脚答案

【问题标题】：Megento footer with multiple columns具有多列的 Magento 页脚
【发布时间】：2017-10-26 08:16:50
【问题描述】：

我在 windows server 2016 上的 wamp 上使用 magento 社区版 2.2.0。

我想使用 3 列中的链接自定义页脚（桌面 3 列，当在移动设备中观看时，它应该显示在单列中，就像引导 div 一样，位于另一列下方）。请参考图片以查看我要查找的内容：

Magento Footer with Multiple Columns

在我提到的几乎所有教程中，每个人都说要隐藏默认页脚，添加一个新块（并在那里输入链接），创建一个类型为“CMS 静态块”的小部件，将其放在“CMS 页脚链接”中并选择之前创建的块。

问题是所有创建的链接（使用 html ）都在另一个之下。我的意思是单列下 9 行中的所有 9 个链接。如图所示，如何将其变为 3 列。

请指教....

【问题讨论】：

标签： html css css-float web-frontend magento-2.0

【解决方案1】：

您可以使用不同的 HTML/CSS 技术来实现这一点。浮点数或内联块将是首选

浮动示例

#footer-columns div{
  float:left;
  width: 33%;
}

#footer-columns div a{
  display:block;
}

<div id="footer-columns">
	<div>
		<a>Link 1</a>
		<a>Link 2</a>
		<a>Link 3</a>
	</div>
	<div>
		<a>Link 4</a>
		<a>Link 5</a>
		<a>Link 6</a>
	</div>
	<div>
		<a>Link 7</a>
		<a>Link 8</a>
		<a>Link 9</a>
	</div>
	<div style="clear:both">
</div>

【讨论】：