html - 嵌套网格中的最后一列总是在新行中

Question

考虑 this代码。为什么最后一个元素 Item 5 总是在新的一行/行中？它应该与其他元素在同一行。

注意:Plnkr.co 预览可能需要调整大小以取消可堆叠 类。

<div class="ui container">
  <div class="ui centered grid">
    <div class="row">
      <div class="ui stackable five column grid">
        <div class="column">
          Item 1
        </div>
        <div class="column">
          Item 2
        </div>
        <div class="column">
          Item 3
        </div>
        <div class="column">
          Item 4
        </div>
        <div class="column">
          Item 5
        </div>
      </div>
    </div>
    <div class="row">
      New Row
    </div>
  </div>

Answer 1

也许尝试使用 <div class="ui stackable six column grid"> ？