嵌套网格中的最后一列始终在新行中

Question

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

注意：可能需要将Plnkr.co预览调整为取消标记 stackable  类。

<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">？

Answer 2

• 删除grid上的<div class="ui centered grid">类（嵌套网格类元素时语义不好）。

Working Fiddle

截图：