Rails 4中的前置输入

时间:2013-08-13 14:14:05

标签: html ruby-on-rails twitter-bootstrap ruby-on-rails-4

我正在努力让我的Prepended Input工作,但我不知道怎么回事。 我在Rails 4上。(如果这很重要)

我的当前输入看起来像 - >

<!-- Email Input-->
<div class="control-group">
  <label class="control-label">Email</label>
  <div class="controls">
    <%= f.input :email, :autofocus => true, label: false %>
  </div>
</div>

我想添加Prepend - &gt;

<div class="input-prepend">
  <span class="add-on">@</span>
  <input type="text">
</div>

有人能帮我解释这两个吗?谢谢:))

1 个答案:

答案 0 :(得分:0)

这就是你想要的吗?

<div class="control-group"> 
   <label class="control-label">Email</label>
   <div class="controls">
    <div class="input-prepend">
      <span class="add-on">@</span>
      <%= f.input :email, :autofocus => true, label: false %>
    </div>
   </div>
 </div>