Question

I’ve started a Rails project and implemented bootstrap-sass into it. A short time later I found a theme/template using a different version of twitter bootstrap. I’ve added the template to the app but the view doesn’t align perfectly as was intended. I then added the specific assets that came with the theme/template to my project (such as jquery version, ANOTHER older bootstrap version) and the result is almost perfect. However, there are still some alignment issues. When I inspect the CSS I can see it’s happening because of conflicts between the two versions of bootstrap.

I’m thinking I should make it so that this template only uses the version of twitter bootstrap that came with it. If so, how do I do this? How do I make it so that a rails view will only use a certain css stylesheet and not read from others?

(If this is not the best solution, what are some alternatives I should consider?)

Thanks

Answer 1

Try this out:

1) use 2 layouts (application.html.erb and new_application.html.erb)
2) have two master javascript/css file (application.js and new_application.js, application.css and new_application.css)
3) inside your application.html.erb include the first application.js and application.css, on your second layout, import the new application js and css
4) for the specific parts of your page, on the controlle inherit from the right parent controller for whichever layout you want.

class NewBootstrapController < ActionController::Base
  layout 'new_application'
end

class OldBootstrapController < ActionController::Base
  layout 'application'
end