Tengo un formulario de contacto el cual quiero que los div
de la class col-md-6 col-sm-4 se posicionen en forma horizontal y no en forma vertical abajo del otro.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<form action="#" method="get" data-wow-delay="0.6s">
<div class="col-md-6 col-sm-4">
<input type="text" class="form-control" placeholder="Name" name="name">
</div>
<div class="col-md-6 col-sm-4">
<input type="email" class="form-control" placeholder="Email" name="email">
</div>
<div class="col-md-12 col-sm-12">
<textarea class="form-control" placeholder="Message" rows="7" name="message"></textarea>
</div>
<div class="col-md-offset-4 col-md-8 col-sm-offset-4 col-sm-8">
<input type="submit" class="form-control" value="ENVIAR">
</div>
</form>
</div>
</div>
</div>
</section>