Ruby on Rails

I am using Rails 4, Bootstrap 3 and simple_form  and have been having a bit of trouble implementing Flat UI into my existing site. I used the following article to implement: http://joanswork.com/add-flat-ui-pro-to-rails/. When I tried to run my app, my first error was that typeahead.js was missing. So I went into the flatui.js file and removed this. Then I run the app again and this time it loaded. Now when I look at my radio-buttons, all they have is the label, when I click on them, I get a radio button, but it's styling makes it look really cramped. When I click on another radio button, the initial one showed disabled. How do I get to load the correct styling the first time? Am I missing a class designation? I've attached images:

fresh page:

and my css file and js files include the following lines:

//= require jquery

//= require jquery.ui.button

//= require jquery.ui.datepicker

//= require jquery.ui.slider

//= require jquery.ui.spinner

//= require jquery.ui.tooltip

//= require jquery.ui.effect

//= require flatuipro

//= require jquery_ujs

//= require turbolinks

//= require bootstrap

//= require_tree .

Any help/pointers are highly appreciated.

Thank you!