Guest User

Guest User

  • Tech Writer
  • 2.1k
  • 473.7k

How to align your texbox accordingly same width?

Mar 18 2020 8:15 AM
Hi teamm
 
I am trying to align my Textbox on my front using asp.net mvc, when i try to amend  input-group col-md-3 the width gets shifted each time to be exact with same textbox. Help me to improve my textbox to align the same with other texbox, see below my logic.
  1. <div class="row">  
  2.                      <div class="input-group col-md-8.0 col-md-offset-6 col-sm-6 col-xs-6">  
  3.                          <div class="input-group pull-right">  
  4.                                                              
  5.                              @Html.TextBoxFor(m => m.Address, new { @class = "form-control", type = "text", id = " street address line 2", autofocus = "autofocus", placeholder = "Street Address Line 2", required = "required" })  
  6.                              <div class="input-group-append">  
  7.                                  <div class="input-group-text">  
  8.   
  9.                                  </div>  
  10.                              </div>  
  11.                          </div>  
  12.                      </div>  
  13.                  </div>  
  14.   
  15. <div class="row">  
  16.                      <label for="Address">Address</label>  
  17.                      <div class="input-group col-md-6.9 col-md-offset-6 col-sm-6 col-xs-6">  
  18.                          <div class="input-group pull-left">  
  19.                                            
  20.                              @Html.TextBoxFor(m => m.Address, new { @class = "form-control", type = "text", id = " street address", autofocus = "autofocus", placeholder = "Street Address", required = "required" })  
  21.                              <div class="input-group-append">  
  22.                                  <div class="input-group-text">  
  23.   
  24.                                  </div>  
  25.                              </div>  
  26.   
  27.                          </div>  
  28.   
  29.                      </div>  
  30.                  </div>  
 

Answers (1)