具有多列的Megento页脚

Question

我在Windows Server 2016上使用magento社区版2.2.0。

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

Magento Footer with Multiple Columns

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

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

请建议......

Answer 1

您可以使用不同的HTML / CSS技术来实现这一目标。 Floats或Inline-blocks将是首选

浮动的示例

＆＃13;

＆＃13;

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

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;