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

Question

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

我的 best_in_place 片段

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

我的 Bootstrap 片段

<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="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>

Answer 2

我最终使用了这段代码

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

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

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

How can I use best_in_place gem with Bootstrap Form controls?

html

twitter-bootstrap

best-in-place