demos/columns.html

<!DOCTYPE>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Demo of Bulma CSS: columns</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css">
  </head>
  <body>

    <!--
      ## Columns ##

      A simple way to build responsive columns.

      To create columns:

        * Add a columns container
        * Add as many column elements as you want
        * The default is each column has an equal width.
        * There are many ways to customize the columns' widths, gaps, colors, etc.
    -->
    <div class="columns">
      <div class="column has-text-centered">Column 1</div>
      <div class="column has-text-centered">Column 2</div>
      <div class="column has-text-centered">Column 3</div>
    </div>
    
  </body>
</html>