Take the 2-minute tour ×

I ran into a weird bug with my ruby on rails app where I want to display the search field and button in the navbar but the view looks like this image


The problem is that it has black in the background for just the search box and button.

The following code is below:

<section class="top-bar-section">

  <ul class="left">

    <%= form_tag('/search') do %>


        <%= text_field_tag :query, nil ,:placeholder => "Search for designs", :id=>"nav_search_box" %>



        <%= submit_tag 'Search', :class=>"round button", :id=>"nav_search_btn" %>


    <% end %>



Any insight on fixing this bug would be much appreciated!

share|improve this question
add comment

1 Answer

up vote 1 down vote accepted

This is explained in the official docs, under other elements.


"can use a small Foundation button in the nav, just include has-form as a class for its parent li."

share|improve this answer
Thanks for the fix. That totally solved the problem. –  Shivin Bakshi Jul 24 '13 at 18:01
add comment

Your Answer


