title: How do you create footer columns on foundation 6.4?
body: <p>I'm trying out foundation to make a website andI can't seem to get columns to work in the footer. I'm pretty sure I've used the correct CDN and imported everything correctly. The footer should have four columns.                                                                                                     </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html class="no-js" lang="en" dir="ltr"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="x-ua-compatible" content="ie=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;Hangout&lt;/title&gt;
      &lt;link rel="stylesheet" href="css/foundation.css"&gt;
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css" /&gt;
      &lt;link rel="stylesheet" href="css/app.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;!-- Footer --&gt;
      &lt;footer&gt;
        &lt;div class="row"&gt;
          &lt;div class="medium-3 columns"&gt;
            &lt;h6&gt;Laboratory&lt;/h6&gt;
            &lt;a href="http://www-act.ucsd.edu/maps/?mapid=459&amp;wid=459&amp;iws=true&amp;cat=&amp;t=Map&amp;z=15&amp;opacity=50&amp;ll=32.879731,-117.236756&amp;rand=92629" target="_blank"&gt;Canter Hall 3131&lt;/a&gt;&lt;br&gt;
            Biological Sciences and Bioengineering
          &lt;/div&gt;
          &lt;div class="medium-3 columns"&gt;
            &lt;h6&gt;SITE MAINTAINED BY&lt;/h6&gt;
            &lt;hr&gt;
            A&lt;br&gt;
            B&lt;br&gt;
            C&lt;br&gt;
          &lt;/div&gt;
          &lt;div class="medium-3 columns"&gt;
            &lt;h6&gt;CONTACT LAB&lt;/h6&gt;
            &lt;hr&gt;
            Phone: (999) 999-9999
            &lt;br&gt;
            &lt;a href="https://www.google.com/"&gt;More Information&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="medium-3 columns"&gt;
            &lt;h6&gt;AFFLIATIONS&lt;/h6&gt;
            &lt;div&gt;&lt;a href="https://www.google.com/" target="_blank"&gt;&lt;div class="logo_box"&gt;&lt;img class="img1" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" width="40"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;
            &lt;div&gt;&lt;a href="https://www.google.com/" target="_blank"&gt;&lt;div class="logo_box"&gt;&lt;img class="img2" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" width="40"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;
            &lt;div&gt;&lt;a href="https://www.google.com/" target="_blank"&gt;&lt;div class="logo_box"&gt;&lt;img class="img3" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" width="40"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;
            &lt;div&gt;&lt;a href="https://www.google.com/" target="_blank"&gt;&lt;div class="logo_box"&gt;&lt;img class="img4" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" width="75"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/footer&gt;
  
  
  
      &lt;script src="js/vendor/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="js/vendor/what-input.js"&gt;&lt;/script&gt;
      &lt;script src="js/vendor/foundation.js"&gt;&lt;/script&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>