title: force radio buttons to show inline
body: <p>I am using bootstrap to style a form with radio buttons.</p>
  
  <p>Unfortunately display:inline is not making the radio buttons on the form inline. Neither is moving display:inline into css.</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="span6 offset3"&gt;   
      &lt;div style="display:inline"&gt;
        &lt;%= f.label "status_open", "Open" %&gt;
        &lt;%= f.radio_button :status, 'Open' %&gt; &lt;br /&gt;
        &lt;%= f.label "status_active",  "Active" %&gt;
        &lt;%= f.radio_button :status, 'Active' %&gt; &lt;br /&gt;
        &lt;%= f.label "status_closed",  "Closed" %&gt;
        &lt;%= f.radio_button :status, 'Closed' %&gt; &lt;br /&gt;
        &lt;%= f.label "status_matched", "Matched" %&gt;
        &lt;%= f.radio_button :status, 'Matched' %&gt; &lt;br /&gt;   
      &lt;/div&gt;      
      &lt;%= f.submit "Submit", class: "btn btn-large btn-primary" %&gt;
      &lt;% end %&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Source:</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="span6 offset3"&gt;
  &lt;form accept-charset="UTF-8" action="/books" class="new_book" id="new_book"   method="post"&gt;&lt;div style="margin:0;padding:0;display:inline"&gt;&lt;/div&gt;
  
    &lt;label for="book_title"&gt;Title&lt;/label&gt;
    &lt;input id="book_title" name="book[title]" size="30" type="text" /&gt;
  
    &lt;label for="book_isbn"&gt;Isbn&lt;/label&gt;
    &lt;input id="book_isbn" name="book[isbn]" size="30" type="text" /&gt;
  
    &lt;label for="book_edition"&gt;Edition&lt;/label&gt;
    &lt;input id="book_edition" name="book[edition]" size="30" type="text" /&gt;
  
    &lt;label for="book_year"&gt;Year&lt;/label&gt;
    &lt;input id="book_year" name="book[year]" size="30" type="text" /&gt;
  
    &lt;div style="display:inline"&gt;
    &lt;label for="book_book_category_fiction"&gt;Fiction&lt;/label&gt;
    &lt;input id="book_category_fiction" name="book[category]" type="radio" value="Fiction" /&gt;
    &lt;label for="book_book_category_non_fiction"&gt;Non-fiction&lt;/label&gt;
    &lt;input id="book_category_non-fiction" name="book[category]" type="radio" value="Non-fiction" /&gt;
    &lt;/div&gt;
    &lt;br /&gt;
    &lt;input class="btn btn-large btn-custom-black" name="commit" type="submit" value="Create Book" /&gt;
  &lt;/form&gt;  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas on why the buttons are not displaying inline? Any thoughts are greatly appreciated.</p>