如何在 Rails 4 中修改 rails-bootstrap-forms tabindex答案

【问题标题】：How do I modify a rails-bootstrap-forms tabindex in Rails 4如何在 Rails 4 中修改 rails-bootstrap-forms tabindex
【发布时间】：2016-03-19 17:04:04
【问题描述】：

我已经使用 Rails 大约一年了，我正在开发我的第一个应用程序，该应用程序实际上正在投入生产。由于这是一个更实用的应用程序，而且它不必非常华丽，我选择使用Bootstrap CSS 库来加快 UI 设计。

我正在使用rails-bootstrap-forms gem，为了布局，我在不同的 div 中有一些文本字段。我想修改字段的tabindex，以便first_name 和last_name 字段在标签顺序中彼此相邻。有没有办法通过表单生成器这个选项？

这是 HTML 格式的 sn-p：

<div class="row">
  <div class="col-sm-5">
    <%= f.text_field :first_name, label_col: "col-xs-6", control_col: "col-xs-6" %>
    <%= f.text_field :teacher, label_col: "col-xs-6", control_col: "col-xs-6" %>              
  </div>
  <div class="col-sm-5">
    <%= f.text_field :last_name, label_col: "col-xs-6", control_col: "col-xs-6" %> 
    <%= f.text_field :room, label_col: "col-xs-6", control_col: "col-xs-6" %>
  </div>
</div>

【问题讨论】：

这应该可以<%= f.text_field :last_name, label_col: "col-xs-6", control_col: "col-xs-6", :tabindex => '1' %>
真的就这么简单吗？我想我想多了。感谢您的快速回复。
有时会发生......享受编码......:)

标签： html css ruby-on-rails ruby twitter-bootstrap

【解决方案1】：

只需将键 tabindex 添加到表单助手标记中即可。例如，

<%=f.text_field 'first_name',:tabindex=>1%>

【讨论】：