Megento Fußzeile mit mehreren Spalten

Question

I Magento Community Edition 2.2.0 auf wamp bin mit auf Windows Server 2016.

Ich mag die Fußzeile mit Links in 3 Spalten anpassen (Desktop 3 Spalten, wenn sie in Mobile beobachtet, es sollte genau wie Bootstrap divs in einer Spalte untereinander angezeigt werden. Bitte beachten Sie das Bild, um zu sehen, was ich suche:

Magento Footer with Multiple Columns

In fast allen Tutorial ich alle bezeichnet, sagt die Standard-Fußzeile zu verstecken, fügen Sie einen neuen Block (und Links dort eingeben), erstellen Sie ein Widget vom Typ "CMS Static Block", platzieren Sie es in "CMS Footer Links" und wählen Sie den zuvor erstellten Block.

Das Problem ist, dass alle Links (mit HTML) kommen untereinander. Ich meine alle 9 Links in 9 Zeilen unter einer einzelnen Spalte. Wie man dies zu 3 Spalten bringt, wie im Bild gezeigt.

Bitte Beratung ....

Answer 1

können Sie verschiedene HTML/CSS-Techniken verwenden, um das zu erreichen. Schwimmern oder Inline-Blöcke würden die erste Wahl

Beispiel für float

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

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

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