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

Question

使用Bootstrap 4，我是否可以通过在每个col-4元素中使用li类来设置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>