引導 - 添加標籤跨越

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>