Ruby on rails 使用引导风格理解rails表单输入_Ruby On Rails_Material Design_Ruby On Rails 5

Ruby on rails 使用引导风格理解rails表单输入

ruby-on-rails

Ruby on rails 使用引导风格理解rails表单输入,ruby-on-rails,material-design,ruby-on-rails-5,Ruby On Rails,Material Design,Ruby On Rails 5,我正在尝试转换这个 <div class="input-group"> <span class="input-group-addon"> <i class="material-icons">email</i> </span> <input type="text" class="form-control" placeholder="Email..."> </div> 电子邮件

我正在尝试转换这个

<div class="input-group">
    <span class="input-group-addon">
      <i class="material-icons">email</i>
    </span>
  <input type="text" class="form-control" placeholder="Email...">
</div>


电子邮件

进入

最终结果应该是

我试过了，但看起来不一样

<div class="input-group">
  <span class="input-group-addon">
    <i class="material-icons">email</i>
  </span>
  <%= f.email_field :email, class: 'form-control', placeholder: "Email"%>
</div>


电子邮件

由于第一个标签是

文本

输入标签，因此您可以使用

文本字段

表单帮助器，以相同的方式创建输入：

<input type="text" class="form-control" placeholder="Email...">

<%= f.text_field :email, class: 'form-control', placeholder: "Email..."%>