ruby-on-rails - Rails 5 在 check_box_tag 标签中呈现额外的空间

Question

我真的找不到解决这个问题的方法，我相信你可以指导我找到解决方案。我想在一周中的每一天都有一行复选框，以便在选定的工作日安排培训类(class)，我的 Controller 中的代码是:

# GET /eventos/forma_prog
def forma_prog
  @entrenadores = User.all
  @dias = ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"]
end

我的表单代码是:

<div class="well">
  <%= label_tag :dias %>
  <div class="form-group checkbox-inline">
    <% @dias.each do |day| %>
      <%= day %><%= check_box_tag 'dias[]', day, checked = false %>
    <% end %>
  </div>
</div>

生成的 HTML 是这样的:

<div class="form-group checkbox-inline">
"                                                                  
                                                 Dom"
<input type="checkbox" name="dias[]" id="dias_" value="Dom">
"                                                                  
                                                 Lun"
<input type="checkbox" name="dias[]" id="dias_" value="Lun">
"                                                                  
                                                 Mar"
<input type="checkbox" name="dias[]" id="dias_" value="Mar">

等等。不需要告诉你 Rails 在字符串中生成的太多额外空间正在破坏我的理智和我的形式，

问题是我怎样才能避免/摆脱那些不需要的空间？

我正在使用 Rails-Bootstrap，这是我从该元素的浏览器 (Chrome) 开发人员工具中获得的样式代码:

 .checkbox-inline {
        position: relative;
        padding-left: 20px;
        margin-bottom: 0;
        vertical-align: middle;
        font-weight: normal;
        cursor: pointer;
   }
  custom.self-d93…ss?body=1:3933
 .form-group {
        margin-bottom: 15px;
   }

当我试图解决这个问题时，我确实将表单代码更改为:

<div class="well">
  Dias
  <div class="form-group checkbox-inline">
    <% @dias.each do |day| %>
      <%= label_tag day, day, class: "checkbox-inline" %><%= check_box_tag 'dias[]', day, checked = false %>
    <% end %>
  </div>
</div>

还是不行...

Answer 1

感谢 Gerry 的评论，我找到了问题的解决方案，它在 CSS 中，所以我将代码更改为:

<div class="well">
    <% @dias.each_with_index do |day, index| %>
      <%= label_tag day, day, class: "checkbox-inline nopadding"; %>
      <%= check_box_tag 'dias[]', index, checked = false, class: "nopadding" %>  |
    <% end %>
</div>

然后像这样在我的 custom.scss 文件中定义 .nopadding 类:

.nopadding {
   padding: 1px !important;
   margin: 3px !important;
   width: inherit;
 }

谢谢 =)