如何将 best_in_place gem 与 Bootstrap Form 控件一起使用？

Question

我想将 best_in_place gem 与 Bootstrap 的表单控件一起使用。我似乎无法将两者结合起来。

我最好的地方sn-p

<div class="form-control" >
   <dt><%= best_in_place @user, :email, :as => :textarea %></dt>
</div>

我的引导程序 sn-p

<form>
   <div class="form-group">
     <label for="exampleFormControlInput1">Email address</label>
     <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
    </div>
</form>

https://getbootstrap.com/docs/4.0/components/forms/

https://github.com/bernat/best_in_place

有什么想法可以做到这一点吗？

这适用于验证

<form>
  <div class="form-group">
   <input type="email" class="form-control" >
  </div>
</form>

但是使用 best_in_place，Bootstrap 验证不起作用。

</form>
 <div class="form-control" input type="email" >
  <%= best_in_place @user, :email, :as => :input %>
 </div>
</form>

Answer 1

我最终使用了这个代码

</form>
 <div class="form-control" input type="email" >
  <%= best_in_place @user, :email, :as => :input %>
 </div>
</form>

但使用另一种方法 (gem 'validates_email_format_of') 来验证输入，无法同时工作。

Answer 2

<form>
<div class="row">
   <div class="form-group">
     <label for="exampleFormControlInput1">Email address</label>
     <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
    </div>
 </div>
</form>