How do I render multiple form fields select boxes in a single row
In this, there is nothing to do with the coding part. 
When we add a field it adds lot of wrapper div tags around it. And div tags has the by default property to take the next line in the page.

Just write some css for these divs.

&lt;style&gt;
    div.class1(display:inline-block;width:150px;float:left) 
    div.class2(display:inline-block;width:150px;float:left) 
    div.class3(display:inline-block;width:150px;float:left) 
&lt;/style&gt;


Hope it will work for you.