css - 布尔玛下拉输入字段问题

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>