Just starting out with bootstrap and trying to figure out how to make one text box larger than the others. See my code below:
<div class="row">
<div class="col-md-2">
<mat-form-field >
<input matInput placeholder="Name1" >
</mat-form-field>
</div>
<div class="col-md-2">
<mat-form-field >
<input matInput placeholder="Name2" >
</mat-form-field>
</div>
<div class="col-md-8">
<mat-form-field>
<input matInput placeholder="Name3" >
</mat-form-field>
</div>
I am looking to make the Name3 text box larger than Name1 and Name2.
This is how it currently looks. I want Name3 to be wider.
https://i.sstatic.net/JSdvL.png
Any guidance on this would be highly appreciated.