Question

我正在使用bootstrap css我需要在登录表单上放置icon-user和icon-lock但是没有出现我需要你帮助解决这个问题下面是我的代码

<div class=" container">
<div class="hero-unit clearfix">
<div class="pull-right">
  <form class="well">
  <label>Username</label>
  <input type="text" class="span3 icon-user" placeholder="Type your username">
  <label>Password</label>
  <input type="password" class="span3 icon-lock" placeholder="Type your password">
  <label class="checkbox">
  <input type="checkbox">Remember me
  </label>
  <button type="submit" class="btn">Log me in</button>
 </form>
</div>
</div>

Answer 1

试试吧

<div class=" container">
<div class="hero-unit clearfix">
<div class="pull-right">
   <form class="well">
      <label>Username</label>
      <div class="input-prepend">
         <span class="add-on"><i class="icon-user"></i></span>
         <input type="text" placeholder="Type your username">
      </div>
      <label>Password</label>
      <div class="input-prepend">
         <span class="add-on"><i class="icon-lock"></i></span>
         <input type="password" placeholder="Type your password">
      </div>
      <label class="checkbox">
      <input type="checkbox">Remember me
      </label>
      <button type="submit" class="btn">Log me in</button>
   </form>
</div>

我怎么能用icon-user＆amp; icon-lock bootstrap css框架，在文本字段中显示图标

1 个答案: