Bootstrap 4.列表中的网格列。Col-4显示2列而不是3列

Question

使用Bootstrap 4，我可以通过在每个li元素中使用col-4类来设置3列吗？：

<div class="container">
  <ul class="list-inline">
      <li class="list-inline-item col-4" style="background-color:red">
      col1
      </li>
      <li class="list-inline-item col-4" style="background-color:yellow">  
      col2
      </li>
      <li class="list-inline-item col-4" style="background-color:green">   
      col3
      </li>
  </ul>
</div>

在该示例中，最后一列在新行上换行：

https://jsfiddle.net/ema44eL5/

Answer 1

已解决：

<div class="container-fluid">
  <ul class="list-unstyled row">
      <li class="list-group-item col-4" style="background-color:red">
      col1
      </li>
      <li class="list-group-item col-4" style="background-color:yellow">  
      col2
      </li>
      <li class="list-group-item col-4" style="background-color:green">   
      col3
      </li>
  </ul>
</div>