Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to move a button under input?

I have a quite weird problem, which I can't find solution on

So basically what I want is to make is to bring button under the input file (I'm using Bootstrap), but have no idea how to do that

<form>
	<input type="text" placeholder="Numer pokoju" name="numerPokoju" required="">
	<input name="csrf" type="hidden" value="46d2ce8a-2271-471f-a46f-c58234324e99">
	<button type="button">
		Sprawdź
	</button>
</form>

here's the visualization on CodePen

like image 543
cssnoobie Avatar asked Jul 05 '26 07:07

cssnoobie


1 Answers

Simply, wrap the button and input inside form-group div and voila!

  <div class="form-group">
            <input name="csrf" type="hidden" value="46d2ce8a-2271-471f-a46f-c58234324e99">
  </div>
   <div class="form-group">
            <button type="button">
                Sprawdź
            </button>
  </div>
like image 114
Tural Ali Avatar answered Jul 10 '26 08:07

Tural Ali



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!