Ruby on rails 响应复选框太宽

Ruby on rails 响应复选框太宽,ruby-on-rails,twitter-bootstrap-3,frontend,Ruby On Rails,Twitter Bootstrap 3,Frontend,我试图用Rails和Bootstrap做一个简单的测试,但我有一个问题,小屏幕上的复选框太宽,它覆盖了复选框的标签( 我的观点是这样的: <div class="center jumbotron"> <h2><%= t(:quiz) %></h2> <div> <%= form_for(:test, url: quiz_path) do |f| %> <% @quiz.tasks.each_

我试图用Rails和Bootstrap做一个简单的测试,但我有一个问题,小屏幕上的复选框太宽,它覆盖了复选框的标签(

我的观点是这样的:

<div class="center jumbotron">
  <h2><%= t(:quiz) %></h2>
  <div>
    <%= form_for(:test, url: quiz_path) do |f| %>
      <% @quiz.tasks.each_with_index do |task, index| %>
        <div>
          <% if task = Task.find_by(id: task) %>
            <%= image_tag(task.asset, class: "img-responsive") %>
            <%= task.text %>
            <% answers = task.correct_answers + task.wrong_answers %>
            <% answers.shuffle! %>
            <fieldset>
              <!-- Dodać półotwarte -->
              <% answers.each do |answer| %>
                <div class="checkbox">
                  <%= f.check_box("task#{index}", {class: "checkbox", multiple: true}, answer, nil)%>
                  <%= f.label "task#{index}", answer %>
                </div>
              <% end %>
            </fieldset>
          <% end %>
        </div>
      <% end %>
      <%= f.submit t(:finish_quiz), class: "btn btn-lg btn-primary" %>
    <% end %>
  </div>
</div>


我如何让它看起来像普通的桌面版,只是更大(当然是方形的)?

尝试删除
f中的
nil
参数。复选框
。这应该如何解决问题?我之前遇到过这个问题,发现
nil
不是必填字段。若您输入转换的html源代码,您应该知道原因:)这对我来说并没有任何区别。还是一样。你能补充一下吗,html源代码是什么样子的?