CODEWITHSUNDEEP
cssbootstrap-4
rimi
rimi

Reputation: 775

making one text box bigger than others

I am new to bootstrap. I am trying to make one text bigger than others. Below is my code:

<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 want Name3 Text box to be bigger than Name1 and Name2.

Here is how it looks like right now. I want name3 to be longer.

enter image description here

Any help will be appreciated.

Upvotes: 1

Views: 71

Answers (1)

Jesper Martinez
Jesper Martinez

Reputation: 631

You should try this. Please let me know if it's work. Thanks

  <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

Upvotes: 1

Related Questions