引导 - 添加标签跨越

我有以下标记引导 - 添加标签跨越

<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>

导致

我怎么可以把它对准像密码？

来源

2016-04-12 Marco

使用类'.FORM-control' –

@GauravAggarwal感谢您的输入，但我不知道在哪里补充说，CSS是REALL不是我的东西:( – Marco

到你想看起来像密码 –

尝试这样的：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>

来源

2016-04-12 09:47:02

表示感谢:) – Marco

很高兴帮助你:) –

@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>

来源

2016-04-12 10:09:33

这里你的答案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>

来源

2016-04-12 11:22:20

引导 - 添加标签跨越

回答

相关问题