сделать одно текстовое поле больше других

Question

Я новичок в bootstrap. Я пытаюсь сделать один текст больше, чем другие. Ниже мой код:

<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>

Я хочу, чтобы текстовое поле Имя3 было больше, чем Имя1 и Имя2.

Вот как это выглядит прямо сейчас. Я хочу, чтобы name3 было длиннее.

Любая помощь будет оценена.

Answer 1

Вы должны попробовать это. Пожалуйста, дайте мне знать, если это работает. Спасибо

  <div class="row">
      <div class="col-md-3">
         <mat-form-field>
            <input matInput placeholder="Name1"  >
         </mat-form-field>
      </div>
      <div class="col-md-3">
         <mat-form-field>
            <input matInput placeholder="Name2"  >
         </mat-form-field>
      </div
      <div class="col-md-6">
         <mat-form-field>
            <input matInput placeholder="Name3" style="width:100%">
         </mat-form-field>
      </div
   </div