title: Bulma columns are not working, how to fix them?
body: <p>I am trying to build a Bulma website. </p>
  
  <p>For the purpose of showing and sharing with you, consider the following code.</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 lang="en"&gt;
   &lt;head&gt;
    &lt;title&gt;Some App&lt;/title&gt;
    &lt;link rel="stylesheet" href="css/mystyles.css"&gt;
   &lt;/head&gt;
  
   &lt;body&gt;
    &lt;nav class="navbar" role="navigation" aria-label="main navigation"&gt;
     &lt;div class="navbar-brand"&gt;
      &lt;a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false"&gt;
       &lt;span&gt;&lt;/span&gt;
       &lt;span&gt;&lt;/span&gt;
       &lt;span&gt;&lt;/span&gt;
      &lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="navbar-menu"&gt;
      &lt;div class="navbar-start"&gt;
      &lt;/div&gt;
      &lt;div class="navbar-end"&gt;
       &lt;a class="navbar-item has-text-centered"&gt;Home&lt;/a&gt;
       &lt;a class="navbar-item has-text-centered"&gt;Blah&lt;/a&gt;
       &lt;a class="navbar-item has-text-centered"&gt;Blah&lt;/a&gt;
       &lt;a class="navbar-item has-text-centered"&gt;Blah&lt;/a&gt;
       &lt;a class="navbar-item has-text-centered"&gt;Blah&lt;/a&gt;
      &lt;/div&gt;
     &lt;/div&gt;
    &lt;/nav&gt;
    
    &lt;section class="section"&gt;
  
     &lt;div class="container" style="border: 3px solid red"&gt;
      &lt;div class="columns is-centered"&gt;
       &lt;div class="column" style="border: 3px solid purple"&gt;Auto&lt;/div&gt;
       &lt;div class="column" style="border: 3px solid yellow"&gt;Auto&lt;/div&gt;
       &lt;div class="column is-two-thirds" style="border: 3px solid green"&gt;is-two-thirds&lt;/div&gt;
      &lt;/div&gt;
     &lt;/div&gt;
  
    &lt;/section&gt;
  
    &lt;script type="text/javascript" src="js/index.js"&gt;&lt;/script&gt;
   &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When it comes to those columns, they seem not to be working. I wonder what I've missed along the way.</p>
  
  <p>I want the three columns to be three actual columns with some height and some space between each other. However, they are "stacked".</p>
  
  <p>How do I make them behave like real columns?</p>