css - bootstrap - 添加标签到 span

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>