I am trying to incorporate 2 forms on a web page, one below the other. Here is what I have:
<body id="Signup">
<form class="row col-lg-6">
<legend>Légende</legend>
<div class="form-group">
<label for="text">Text : </label>
<input id="text" type="text" class="form-control">
</div>
<div class="form-group">
<label for="textarea">Textarea : </label>
<textarea id="textarea" type="textarea" class="form-control"></textarea>
</div>
<div class="form-group">
<label for="select">Select : </label>
<select id="select" class="form-control">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<br>
<button>Envoyer</button>
</form>
<form class="row">formulaire</form>
</body>
Although both forms have the `.row` class, they are not displaying in a stacked manner on the page.
I'm unsure of what I might be overlooking here.