THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 MAJ de bootstrap

(02-04-2020 21:26:24)


Bonjour,

Y'a-t-il une procédure pour bénéficier de la dernière version de bootstrap dans le template par défaut ?
Sera-t-elle compatible avec celui-ci ?

Offline

#2 Re: MAJ de bootstrap

(03-04-2020 08:20:11)


Pas vraiment, Boostrap 4 introduit beaucoup de changements, il faut reprendre le HTML, et le css customisé. C'est un gros travail.


OpenStudio Toulouse

Offline

#3 Re: MAJ de bootstrap

(04-04-2020 10:22:30)


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)