(Ruby on Rails + Bootstrap) Search Label and Search Input Box not aligned correctly

hyi

First of all, thanks for this awesome plugin. I am trying to implement DataTables on a Ruby on Rails application. I am using Bootstrap 2 for the styling. My problem is that Search label and search input box are not aligned correctly. They are displayed in two separate lines. I inspected the page using Firebug, and I think the problem is that the text "Search" and [code] [/code] are in two different lines. Please see the screenshot: http://i.imgur.com/BpFG00B.png

My debugging ID is : imihaw

JS Fiddle: http://jsfiddle.net/j3Xdk/

Why is this happening?

netaisllc

Your assessment is not quite correct. The text string "Search" and the input element are peer nodes contained by the label tag. Whenever the condition you are describing happens to me, I find that adjusting the width of the containing elements for ".dataTables_filter" and ".dataTables_length" leads to an acceptable solution.

NOTE: however, I have not used DataTables much with Bootstrap nor other responsive CSS layouts.

HTH...