2017-09-15 2 views
-1

Comment est-ce que je placerais deux ensembles de champ côte à côte pour obtenir quelque chose comme ceci? What I am going forComment mettre deux fieldsets côte à côte en html?

C'est ce que j'ai jusqu'à présent: Fieldset reaches end of page

+1

Vous êtes plus susceptible de recevoir de l'aide de cette façon. – cwanjt

+1

@cwanjt Non. L'affichage de votre balisage sur ces sites seul n'obtiendra qu'une question fermée comme cela peut arriver à celui-ci s'il n'est pas corrigé. – Rob

+1

Sur SO, vous devez essayer ** d'écrire le code vous-même **. Après ** [faire plus de recherche] (// meta.stackoverflow.com/questions/261592)** si vous avez un problème, vous pouvez ** poster ce que vous avez essayé ** avec une ** explication claire de ce qui est ' t travaillant ** et fournissant un ** [exemple minimal, complet et vérifiable] (// stackoverflow.com/help/mcve)**. – Rob

Répondre

0

Vous pouvez utiliser le système de grille de Bootsrap.

Veuillez vérifier this pour démonstration. Pouvez-vous mettre votre code dans un codepen, codeply, ou jsfiddle?

<main class="container"> 
    <form> 
     <ul class="row"> 
     <li class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
      <fieldset> 
      <label class="label">Firstname</label> 
      <input type="text" value="Firstname" class="form-input form-control" /> 
      </fieldset> 
      <fieldset> 
      <label class="label">Lastname</label> 
      <input type="text" value="Lastname" class="form-input form-control" /> 
      </fieldset>   
     </li> 
     <li class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
      <fieldset> 
      <label class="label">Username</label> 
      <input type="text" value="Username" class="form-input form-control" /> 
      </fieldset> 
      <fieldset> 
      <label class="label">Password</label> 
      <input type="password" value="Password" class="form-input form-control" /> 
      </fieldset>   
     </li> 
     </ul>  
    </form> 
    </main>