<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <form action="" class="d-flex"> <textarea name="post_text" class="form-control"></textarea> <input type="submit" value="Submit" class="btn btn-primary"> </form>
3 Réponses :
En regardant la documentation Bootstrap, vous pouvez voir que vous devez mettre vos balises de formulaire à l'intérieur formulaire-group :
Il ne fera que pousser verticalement, si vous ne voulez pas qu'elle appuie n'importe où, vous devez définir une hauteur pour textarea et désactiver l'option de redimensionnement à l'aide de CSS.
p>
<form action="" class="formAction">
<textarea name="post_text" class="form-control"></textarea>
<input type="submit" value="Submit" class="btn btn-primary">
</form>qu'en est-il de cela?
Solution sans bootstrap: strong> Cette solution permet à la touche code> Soumettre code> sous le p> textarea est structuré. avoir des limites max et min sur textarea code>. p>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<form action="" class="d-flex">
<div class="row">
<div class="col-md-12">
<textarea name="post_text" class="form-control"></textarea>
</div>
<div class="col-md-12 bs-linebreak">
<input type="submit" value="Submit" class="btn btn-primary">
</div>
</div>
</form>
Postez votre CSS aussi, HTML est inutile sans CSS dans votre question.
Il n'y a pas de CSS supplémentaire impliqué. Sauf pour ceux appliqués via Bootstrap
Les extraits de code vous permettent de relier des bibliothèques externes, de sorte que vous puissiez lier
bootstrap à votre code et nous verrions le problème.Pourquoi ne définissez-vous pas
max-hauteur Propriété pourtextarea et mettez undiv pourSoumettre le bouton ?Je viens de fournir une solution avec Bootstrap (selon la modification) et je l'ai inséré dans ma réponse, mais j'ai décidé de laisser les solutions (avec et sans inclusion de bootstrap)