CSS and styling , Ruby on Rails

Question

I have implemented a Rails project which has a lot of forms, but they do not look good. The new , edit , and destroy buttons are very close to each other. Listing the items in each form is also ugly as the columns are very close; they definitely need CSS and styling. Is there any sample or template that I can use?

Answer 1

For general styling you can use Bootstrap , there is even a gem to make it easier to integrate.

For better layouts and automating the form building process such as new, edit actions, you can use Formtastic .

Another one that's as popular is simple_form .

You can find even more form builders at the ruby toolbox site .

Answer 2

As you have mentioned little about your application, its hard to tell what styling you should chose. However as @olive_tree mentioned, bootstrap is simpler and a convenient option. You may want to check this rails cast

http://railscasts.com/episodes/328-twitter-bootstrap-basics?view=asciicast

Answer 3

Bootstrap is definitely a good place to start. Personally I prefer ZURB Foundation, though, but that is mostly a matter of preference. Here is a link on how to integrate Foundation the easiest way:

http://foundation.zurb.com/docs/applications.html