kevinspider
New Member
I am building a responsive layout. I am trying to align the elements.The form is in a \[code\]row-fluid\[/code\] and has the following markup:\[code\]<form class="form-horizontal"> <div class="control-group"> <label class="control-label" for="company-name">Company name:</label> <div class="controls"> <div class="input-append"> <input type="text" value="" name="company-name-input" id="company-name" /> <span class="add-on">@</span> </div> </div> </div> <div class="control-group"> <label class="control-label" for="user-email">User email:</label> <div class="controls"> <div class="input-append"> <input type="text" value="" name="user-emial-input" id="user-email" /> </div> </div> </div></form>\[/code\]Here is a screenshot.
I would like the second field to be the same width as the first, combined with its add-on. Thanks for looking into this.