Html rails simple form单选按钮在移动视图中对齐

我有一张表格，上面有“是”或“否”按钮。我遇到的问题是，当我在移动视图上时，根据每个标签的宽度，对齐方式总是不同的。我想做的是让手机视图右侧的所有单选按钮完全相同。对于我可以做些什么来解决这个问题，有人有什么建议吗？我有html，css附加以及一个屏幕截图

<div class="row">
  <div class="col-md-6">
    <div class="control-group">
      <%= f.label :handicapped do %>
        <label class="control-label">Handicapped parking?</label>
      <% end %>
      <div class="controls">
        <ul class="unstyled">
          <li>
            <label>
              <%= f.radio_button :handicapped, true %>
              <span>Yes</span>
            </label>
            <label>
              <%= f.radio_button :handicapped, false %>
              <span style="margin-left:15px">No</span>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <div class="control-group">
      <%= f.label :zoning_violation do %>
        <label class="control-label">Zoning Violation</label>
      <% end %>
      <div class="controls">
        <ul class="unstyled">
          <li>
            <label>
              <%= f.radio_button :zoning_violation, true %>
              <span>Yes</span>
            </label>
            <label>
              <%= f.radio_button :zoning_violation, false %>
              <span style="margin-left:15px">No</span>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

ul.unstyled,
ol.unstyled {
  list-style: none;
}