Ruby on rails 使引导适应简单的形式
我想修改引导代码Ruby on rails 使引导适应简单的形式,ruby-on-rails,twitter-bootstrap,simple-form,Ruby On Rails,Twitter Bootstrap,Simple Form,我想修改引导代码 <div class="row"> <div class="form-group col-lg-6"> <label>Nick</label> <input type="text" class="form-control"> </div> &
<div class="row">
<div class="form-group col-lg-6">
<label>Nick</label>
<input type="text" class="form-control">
</div>
<div class="form-group col-lg-6">
<label>Email</label>
<input type="email" class="form-control">
</div>
</div>
使用简单的表格
我试过类似的东西
<%= simple_form_for User.new do |f| %>
<%= f.input :nick, label: "Nick", class: 'form-group col-lg-6' %>
<%= f.input :email, label: "Email", class: 'form-group col-lg-6'%>
<% end %>
但是没有成功。有人能帮我解决吗?Simpleform需要一些配置才能很好地使用引导 创建初始化器并配置simpleform以使用引导:
# File here config/initializers/simple_form_bootstrap.rb
SimpleForm.setup do |config|
config.wrappers :vertical_input_group, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
b.use :html5
b.use :placeholder
b.use :label, class: 'control-label'
b.wrapper tag: 'div' do |ba|
ba.wrapper tag: 'div', class: 'input-group col-sm-12' do |append|
append.use :input, class: 'form-control'
end
ba.use :error, wrap_with: { tag: 'span', class: 'help-block' }
ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
end
end
config.wrappers :horizontal_input_group, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
b.use :html5
b.use :placeholder
b.use :label, class: 'col-sm-3 control-label'
b.wrapper tag: 'div', class: 'col-sm-9' do |ba|
ba.wrapper tag: 'div', class: 'input-group col-sm-12' do |append|
append.use :input, class: 'form-control'
end
ba.use :error, wrap_with: { tag: 'span', class: 'help-block' }
ba.use :hint, wrap_with: { tag: 'p', class: 'help-block' }
end
end
end
更多信息可以在这里找到:您不应该说User.new直接进入视图,在其控制器中执行此操作,
对于用户控制器,可以说@User=User.new
在你看来
<%= simple_form_for @user, html: { multipart: true } do |f| %>
<%= f.input :nick, label: "Nick", class: 'form-group col-lg-6' %> #i presume :nick is your tables name,instead of saying :name.
<%= f.input :email, label: "Email", class: 'form-group col-lg-6'%>
<% end %>
但是我不在users中调用这个简单的表单你不必在User controller中调用简单的表单,在它的视图中就足够了。Juts在你使用的控制器中调用@User=User.new的关系。在它的视图中调用@User