Почему дочерние элементы в классе Columns отображаются в одну строку?

Question

Я занимаюсь веб-разработкой, используя Bulma framework.

Когда я помещаю column классифицированный тег внутри columns, все дочерние теги отображаются в одном необработанном виде и переполняются со страницы!

Я хочу перерыв, когда прибыл конец columns тега.

В чем моя проблема?

Это мой код:

<div class="box">
  <div class="columns is-parent">
    <?php foreach($posts as $post) {?>
    <div class="column is-one-fifth is-child">
      <div class="card">
            <div class="card-image">
              <figure class="image is-4by3"> <img src="" alt="Image"> </figure>
            </div>
            <div class="card-content">
              <div class="content">
                <div class="card-title has-text-link"><?php echo $post->title; ?></div>
                <small><?php echo strip_tags(word_limiter($post->content,50)); ?></small>
                <a>#css</a>
                <a>#responsive</a>
                <br> <small>11:09 PM - 1 Jan 2016</small>
              </div>
            </div>
          </div>
        </div>
      <?php } ?>
  </div>
</div>

Answer 1

Я добавил только is-multiline в родительский тег:

<div class="columns is-parent is-multiline" >

Проблема решена