[Résolu] Bootstrap 4 CSS

Bonjour,

Je n'arrive pas à séparer les élements entre les 3 blocks. En effet quand j'ajoute le "margin 1%" ça ne s'aligne plus :

http://teste-websites.be/FormulairesTestes/BOOTSTRATest.html

.box{
        width:100%;
        height: 200px;
        background-color: red;
        display: inline-table;
        border: 1px solid black;
        text-align: center;  
        margin: 1%;
    }

Pourquoi svp ?

Hello,

Chacun de tes blocs, via leur classe ".col-lg-4" ont une déclaration "flex: 0 0 33.333333%;".
Leur largeur est donc exactement de 33.33333%. Donc forcément, si tu rajoutes 1% cela ne rentre plus puisque le total dépasse 100%.

Il doit y avoir un moyen de générer des gouttières avec Bootstrap, c'est sans doute la meilleure méthode.

Bonne journée

webmaster83 a écrit :
Je fais comment pour altérer les gouttières stp ?

Je ne connais pas Bootstrap car je ne l'utilise pas, mais si j'en crois la doc (qu'il me semble indispensable de connaître avant d'employer un tel outil), ce serait la variable

$grid-gutter-width

https://getbootstrap.com/docs/4.0/layout/grid/#variables