Bootstrap 4. Rasterspalten in Listen. Col-4 zeigt, 2-Spalten anstelle von 3

Question

Mit Bootstrap 4, wow kann ich erreichen, 3 Spalten festlegen, indem col-4 Klasse in jedem Element verwendet 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> 

In diesem Beispiel sind die letzte Spalte bricht auf neue Leitung:

https://jsfiddle.net/ema44eL5/

Answer 1

Gelöst:

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