如何设置表单样式

Question

I have a form in Laravel. I want to change the width of the form, because I want to put a other form next to it.

It looks like this

Which codes I should use in app.css? Any Suggestions? I tried codes in app.css but, maybe I should give a ID to form?

{!! Form::open(['method' => 'POST', 'action' => 'BusinessController@buy_energy']) !!}
<img src="images/foods/1.png" width="80px" height="80px"><br>   
{!! Form::label('number', 'Ekmek(1 adt = 7 TL): ') !!}
{!! Form::number('number', 'value', ['min'=>1, 'max'=>10 ]) !!}     
{!! Form::submit('Satın Al', ['class'=>'btn btn-primary']) !!}

Answer 1

In your blade add in the form the 'class' just like you add the action and the method:

{!! Form::open(['method' => 'POST', 'action' => 'BusinessController@buy_energy', 'class' => 'myForm']) !!}
<img src="images/foods/1.png" width="80px" height="80px"><br>   
{!! Form::label('number', 'Ekmek(1 adt = 7 TL): ') !!}
{!! Form::number('number', 'value', ['min'=>1, 'max'=>10 ]) !!}     
{!! Form::submit('Satın Al', ['class'=>'btn btn-primary']) !!}

In your Css customize the myForm class:

.myForm{
   with: 400px;
}