J'en avais idée...
Bootstrap 4 propose une gestion plus facile du layout, notamment si l'on souhaite 5 colonnes :
<div class="container-fluid">
<div class="row">
<div class="col">1</div>
<div class="col">2</div>
<div class="col">3</div>
<div class="col">4</div>
<div class="col">5</div>
</div>
</div>
Ce n'est pas le cas pour les versions antérieures. Pour un layout de 5 colonnes, voici mon astuce :
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2 col-lg-offset-1">1</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">2</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">3</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">4</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">5</div>
</div>
</div>
On 'triche' avec un offset. Cependant,les 5 colonnes n'occupent pas tout le conteneur.
Le mieux est encore de gérer ça en flex dans les CSS.
Last edited by anti-conformiste (04-04-2020 10:23:45)