Refonte site web avec Bootstrap

Bonsoir,

Je suis entrain de crée un site web : https://bsteven-srv7.formations-web.alsace

Par la suite, ce site web devra être dynamique, c'est pourquoi j'ai décidé de refaire ce site via bootstrap, notemment utiliser la grille bootstrap.


J'ai deux questions :

- Je voulais savoir si je pouvais grader le code tel quel, et y ajouter des "raw" et "col" ou bien est ce qu'il est necessaire de tout refaire ?

- Pourquoi lorsque j'écris ce code, l'élément "se connecter" et l'élément "s'incrire" ce mettent l'un en dessous de l'autre ?

<div class="container">
       
       
       
       <div class="row">
       
                <div class="linkcontainer">
                  
                   <div class="col-4">
                    <a href="#">Se connecter</a>
                    </div>
                    
                    <div class="col-4">
                    <span class="separator">-</span>
                    <a href="#">S' inscrire</a>
                    </div>
                    
                    
                </div>
            
       </div>
   </div>

Et lorsque j'écris ce code, les élements ce mette l'un après l'autre (ce que je souhaite faire). Je n'arrive pas à comprendre la logique du pourquoi, si je rajouter une div qui englobe le tout, mes élements se superpose .

 <div class="container">
       
       
       
       <div class="row">
       
                  
                   <div class="col-4">
                    <a href="#">Se connecter</a>
                    </div>
                    
                    <div class="col-4">
                    <span class="separator">-</span>
                    <a href="#">S' inscrire</a>
                    </div>
            
            
       </div>
       
 
   </div>
   
   

Bien cordialement





EDDIT : J'ai pu constater qu'en mettant la ROW à l'interieur de la div "linkcontainer", cela réglait le problème, mais je ne comprendre toujours pas pourquoi.

Si je comprends bien, les row doivent toujours être à l'interieur des div, mais ça reste encore flou.. Hmmm
Modifié par Ploping (19 Nov 2018 - 20:17)