Question

我一直在尝试将我的常规旧html表单转换为使用Bootstrap的漂亮外观。我整天都在处理它，但仍然无法理解为什么它不起作用。我需要尽快找到解决方案。谢谢！

except subprocess.TimeoutExpired:

Answer 1

还要注意表格中有表格......

<form>
<div class = 'form-group'>
<%= form_tag '/signup', method: 'post', :class => 'form-inline' do  %>

form_tag将内部表单放在您使用<form>创建的外部表单内部，因此您应该删除外部表单标记。

然后根据需要构建表单，并传入类。也许是这样的。

<div class="container">
<%= form_tag '/signup', method: 'post', :class => 'form-inline' do  %>
  <div class="form-group">
    <%= label_tag 'user_name', 'Username'%>
    <%= text_field_tag :user_name,params[:user_name], class: 'form-control', autofocus: true %>
  </div>
  <div class="form-group">
    <%=label_tag 'password',"Password" %>
    <%= password_field_tag :password,nil, class: 'form-control'  %>
  </div>
  <div class="form-group">
    <%=label_tag 'password_confirmation', "Retype Password" %>
    <%=password_field_tag :password_confirmation,nil, class: 'form-control' %>
  </div>
  <%= submit_tag "Join!", class: 'btn btn-default btn-lg btn-submit' %>
  <%= link_to "Cancel" , '/login', class: 'btn btn-default btn-lg'%>
<%end%>
</div>

Answer 2

添加角色=＆＃34;表格＆＃34;标签是

<form role="form">

你也可以使用这个网站来创建一个由bootstrap设计的表单 layoutit.com

如何将Bootstrap类应用于form_tag帮助程序

2 个答案: