Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1153 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Bootstrap 4 CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Bootstrap 4 CSS

n°2319291
banderas83
1 tien vaut mx qe 2 tu l\
Posté le 20-08-2018 à 12:29:03  profilanswer
 

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 ?

mood
Publicité
Posté le 20-08-2018 à 12:29:03  profilanswer
 

n°2319292
banderas83
1 tien vaut mx qe 2 tu l\
Posté le 20-08-2018 à 12:30:29  profilanswer
 

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

n°2319312
Devil'sTig​er
Posté le 20-08-2018 à 15:53:26  profilanswer
 

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

n°2319812
banderas83
1 tien vaut mx qe 2 tu l\
Posté le 30-08-2018 à 13:54:58  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Bootstrap 4 CSS

 

Sujets relatifs
Soucis avec du code CSS sur HTML.[HTML/PHP/CSS] Diff de 2 données
forcer un code CSS sur une page webCréer une sidebar verticale CSS only
[HTML/CSS][Javascript/Node.js] Formation Toulouse / Haute-GaronneIndication du slide actif avec un slider Html/CSS
aide pour intégration d'une maquette psd avec bootstrap[JavaScript]Imprimer une div avec les CSS
[CSS] Débutant - Barre horizontale en barre verticale[HTML/CSS][PHP][JS][SQL] Quelques bon livres ?
Plus de sujets relatifs à : Bootstrap 4 CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR