使用 simple_form 和 zurb 基础创建内联 date_select 下拉列表 [英] Creating inline date_select dropdowns using simple_form and zurb foundation

问题描述

我在 Rails 应用程序中使用 Simple_Form 和 Zurb Foundation.

其中一个视图具有以下 date_select 的表单

表单字段显示为堆叠而不是内联.我已经检查了所有内容，但不知道如何正确显示这些内容.

我错过了什么?您可以在 https://github.com/stanrails/momtomom 的 event.html.erb 视图中查看存储库.>

该部分的代码如下:

 
<div class="small-5 columns"><%= f.date_select :eventDate %>

解决方案

一种解决方法是手动进行如下操作:

form.custom .dropdown.date{宽度:30%；右边距:10px；向左飘浮;}

I'm using Simple_Form with Zurb Foundation in my rails application.

One of more views has a form with the following date_select

The form fields are showing up stacked rather than inline. I've checked everything and can't figure out how to get these to show-up correctly.

What am I missing? You can see the repo at https://github.com/stanrails/momtomom in the event.html.erb view.

The code for the section is below:

    <div class="row">
        <div class="small-5 columns">
            <%= f.date_select :eventDate %>
        </div>
    </div>

解决方案

One of the workaround is to have something manually like this:

form.custom .dropdown.date{
  width: 30%;
  margin-right: 10px;
  float: left;
}

这篇关于使用 simple_form 和 zurb 基础创建内联 date_select 下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！