Estoy tratando de colocar un text area al lado del boton de enviar, pero por alguna razón por mas que pruebe a crear columnas y filas siempre aparece debajo.
Estoy usando contact form 7 de wordpress Este sería el código usado:
<div class="row shorten">
<div class="col-12 col-sm-3">
<div class="input-filled radius">
[text* your-name placeholder "Nombre"]
</div>
<br />
<div class="input-filled radius">
[text* your-phone placeholder "Telefono "]
</div>
</div>
<br />
<div class="col-12 col-sm-3">
<div class="input-filled radius">
[email* your-email placeholder "Email "]
</div>
<br />
</div>
<div class="col-6 col-sm-3">
[textarea* your-message x1 class:form-control placeholder "Mensaje"]
</div>
<div class="col-6 col-sm-3">
<button type="submit" class="wpcf7-submit btn radius">▷</button>
</div>
</div>
También he probado:
<div class="row shorten">
<div class="col-12 col-sm-3">
<div class="input-filled radius">
[text* your-name placeholder "Nombre"]
</div>
<div class="input-filled radius">
[text* your-phone placeholder "Telefono "]
</div>
</div>
<div class="col-12 col-sm-3">
<div class="input-filled radius">
[email* your-email placeholder "Email "]
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="input-filled radius">
[textarea* your-message x1 class:form-control placeholder "Mensaje"]
</div>
</div>
<div class="col-xs-6">
<button type="submit" class="wpcf7-submit btn col-12 col-sm-12 radius">▷</button>
</div>
</div>
</div>
no se muy bien porque no puedo colocarlo paralelo es decir
Gracias de antemano.