css - bool 玛下拉输入字段问题

Question

我的表单中的下拉输入字段出现问题。我在 Rails 应用程序中使用 Bulma。这是代码

<!-- Date of birth in _form.html.erb -->

 <div class="field">
 <label class="label">Date of birth</label>
 <p class="control">
 <span class="select">
 <%= f.date_select :date_of_birth, {order:[:day,:month,:year], start_year: 1975} %>
 </span>
 </p>
 </div>

我得到以下结果:

正如您所看到的，下拉元素(日期、月份和年份)未对齐，但它们会折叠到下一个字段输入中。有什么建议么？谢谢

Answer 1

肮脏的黑客，但它的作用就像一个魅力:

<div class="select">
  <%= f.date_select :date_of_birth, date_separator: '</div><div class="select">' %>
</div>