начальной загрузки - добавить ярлык, чтобы охватить

Question

я следующую разметку

<form role="form">      
    <div class="input-group"> 
    <label for="accountSpan">Account name</label> 
         <span class="input-group-addon" id="accountSpan">something</span> 
         <input type="text" class="form-control" placeholder="account name" aria-describedby="basic-addon1" id="accountInput" > 
        </div>            
        <div class="form-group">        
         <label for="exampleInputPassword1">Password</label>       
         <input type="password" class="form-control" id="exampleInputPassword1" />      
        </div> 
    </form> 

что приводит к

Как я это выровненный как пароль?

Answer 1

Попробуйте так: Demo

Если вы используете form-group вместе с input-group, как вы делали для пароля, вы можете получить ожидаемый результат.

<div class="form-group"> 

    <label for="accountSpan">Account name</label> 
    <div class="input-group"> 
     <span class="input-group-addon" id="accountSpan">something</span> 
     <input type="text" class="form-control" placeholder="account name" aria-describedby="basic-addon1" id="accountInput"> 

    </div> 
    </div> 

Answer 2

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css'); 

<form role="form"> 
<div class="input-group"> 
    <label for="accountSpan">Account name</label> 
    <span class="input-group-addon" id="accountSpan">something</span> 
    <input type="text" class="form-control" placeholder="account name" 
    aria-describedby="basic-addon1" id="accountInput" > 
</div> 
<div class="form-group"> 
    <label for="exampleInputPassword1">Password</label> 
    <input type="password" class="form-control" id="exampleInputPassword1" /> 
</div> 

Answer 3

Вот ваш ответ jsFiddle:

<form role="form">  
     <div class="form-group"> 
      <label for="accountSpan">Account name</label> 
       <div class="input-group"> 
        <span class="input-group-addon" id="accountSpan">something</span> 
        <input type="text" class="form-control" placeholder="account name" aria-describedby="basic-addon1" id="accountInput" > 
       </div> 
     </div> 
     <div class="form-group">        
      <label for="exampleInputPassword1">Password</label>       
      <input type="password" class="form-control" id="exampleInputPassword1" />      
     </div> 
    </form>