Bootstrap 4 CSS

Bootstrap 4 CSS - HTML/CSS - Programmation

Marsh Posté le 20-08-2018 à 12:29:03    

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 :
[url]
http://teste-websites.be/Formulair [...] ATest.html[/url]
 
.box{
        width:100%;
        height: 200px;
        background-color: red;
        display: inline-table;
        border: 1px solid black;
        text-align: center;  
        margin: 1%;
    }
 
 
 
Pourquoi svp ?

Reply

Marsh Posté le 20-08-2018 à 12:29:03   

Reply

Marsh Posté le 20-08-2018 à 12:30:29    

quel est la class qui permet de changer les gouttières svp ?

Reply

Marsh Posté le 20-08-2018 à 15:53:26    

Ton code n'est pas bon deja:
 

Code :
  1. <div class="container" id="contenu1" style="background-color: aqua; margin: 0 auto;">
  2.     <div class="row">
  3.   <div id="box1" class="box col-xs-12 col-sm-12 col-lg-4">coco </div>
  4.   <div id="box2" class=" box col-xs-12 col-sm-12 col-lg-4 ">coco2 </div>
  5.   <div id="box3" class=" box col-xs-12 col-sm-12 col-lg-4 "> coco3</div>
  6.     </div>
  7. </div>


 
Cf le row et le container qui doivent ne pas etre dans le meme div...
 
Ensuite pour faire un spacing le plus simple est declarer un div dans chacun de tes coco/2/3, et lui tu lui donne unun margin ou un padding (cf la classe m-1 dans bootstrap par exemple) ;)

Reply

Marsh Posté le 30-08-2018 à 13:54:58    

Bonjour,
 
j'ai trouvé c'est réglé !
 
:-)
 
Merci quand même.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed