Creating inline date_select dropdowns using simple_form and zurb foundation

Question

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>

Answer 1

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

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