Bootstrap 4.列表中的網格列。 COL-4示出了2列代替3-

Question

自舉4，哇可予實現通過在每個li元件?:

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

在該示例中，在新的最後一列場所使用col-4類來設置3列行：

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>